# smartPot **Repository Path**: luofan18/smart-pot ## Basic Information - **Project Name**: smartPot - **Description**: 没什么好说的,就是一个web3项目 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: main - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2024-12-26 - **Last Updated**: 2025-04-10 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 本地开发指南 ## 一、环境准备 ### 安装 Node.js - **官网安装方式**: - 前往 Node.js 官方网站(https://nodejs.org/)。 - 在下载页面,选择适合您操作系统的 Node.js 18.12.1 及以上版本的安装包,点击下载。 - 找到下载完成的安装包,双击运行,然后按照安装向导的提示逐步操作。在安装过程中,一般建议保持默认的安装路径和配置选项,除非您有特定的需求。 - 安装完成后,打开命令行终端(Windows 系统可通过 Win+R 键,输入 `cmd` 回车打开;Linux 和 macOS 系统可通过终端应用程序打开),输入 `node -v` 命令,如果能正确显示 Node.js 的版本号,且版本符合要求,说明安装成功。 - **nvm 安装及版本切换方式(可选)**: - 若您尚未安装 `nvm`(Node Version Manager),可在终端执行以下命令来获取安装脚本并安装: ```bash curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash ``` 或者使用 `wget` 命令(如果您的系统支持): ```bash wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash ``` - 安装完成后,关闭当前终端并重新打开,以使 `nvm` 命令生效。 - 然后在终端中执行以下命令来安装 Node.js 18.12.1: ```bash nvm install 18.12.1 ``` - 安装成功后,通过以下命令切换到该版本: ```bash nvm use 18.12.1 ``` - 再次使用 `node -v` 命令确认当前使用的 Node.js 版本是否正确。 ### 安装 pnpm 包管理工具 - 打开命令行终端,执行以下命令来安装 pnpm: ```bash npm install -g pnpm ``` - 安装完成后,在终端输入 `pnpm -v`,若能显示 pnpm 的版本号,则说明安装成功。 ## 二、项目启动 ### 安装依赖 - 在项目的根目录下,运行以下命令安装项目所需的依赖: ```bash pnpm i ``` - 这将会依据项目的 `package.json` 文件自动安装所有的依赖包,并生成 `node_modules` 文件夹。 ### 启动项目 - 完成依赖安装后,执行以下命令启动项目: ```bash pnpm dev ``` - 项目将会启动,并监听本地开发服务器。默认情况下,您可以在浏览器中访问 `http://localhost:8080` 来查看项目的运行效果。 ## 三、修改端口方法 - 若要修改项目启动的端口号,需要编辑项目根目录下的 `vite.config.js` 文件。 - 在该文件中,找到 `server` 配置对象,并修改其中的 `port` 属性值为您期望的端口号。例如: ```javascript export default { // 其他配置项... server: { port: 3000 // 将此处的 3000 修改为您想要的端口号 } } ``` - 保存修改后的 `vite.config.js` 文件,再次执行 `pnpm dev` 命令,项目将在新指定的端口号上启动并监听。 ## 四、项目打包 - 当您准备好将项目部署到生产环境时,可以通过运行以下命令对项目进行打包: ```bash pnpm build ``` - 这将根据项目的配置生成可用于生产环境的优化后的代码文件,通常这些文件会被输出到指定的 `dist` 目录中(具体输出目录可能因项目配置而异)。 在开发过程中,如果遇到任何问题,请参考项目的其他相关文档或者在技术社区中寻求帮助。