注意： 部署/启动前端的过程中如果出现问题，请先在 常见问题 中寻找答案。如仍未解决，请及时在群里咨询。
视频教程(点此观看)
1. 需要安装的工具
- Node.js (v20.16.0)
- VSCode
注意：以上工具需安装在本地开发电脑上，根据实际情况补充所需工具。
2. 安装 Node.js
-
检查是否已安装
在终端中输入以下命令：
node -v如果安装了，会出现版本号。建议使用 20.16.0 版本。
-
下载 Node.js
如果未安装，请选择以下任一方式下载：
- 官网下载： Node.js v20.16.0
- 部署包中下载：一键下载所有需要的安装包(点击这里)
下载好了之后，双击，开始安装：
一直点击 Next 直到 Install 完成安装。
-
验证安装
再次运行以下命令检查是否安装成功：
node -v npm -v出现版本号表示安装成功：
3. 安装 VSCode
如果已安装，请忽略此步骤。
-
下载 VSCode
选择以下任一方式下载：
- 官网下载：Visual Studio Code
- 部署包中下载：一键下载所有需要的安装包(点击这里)
安装完成后，打开 VSCode 并加载前端工程 SS_FRONT_MODULES。
-
配置项目
在 ss-boot 子工程中，打开
vue.config.js文件，将 target 地址修改为后端开发地址：
4. 安装 Vue CLI
-
安装
在 VSCode 的终端中输入以下命令安装 Vue CLI (v5.0.8)：
npm install -g @vue/cli@5.0.8 -
验证安装
检查安装是否成功：
vue --version安装成功将显示版本号。
5. 配置 npm 源
-
设置 npm 源为内部源
npm config set registry http://nexus.shushi.pro/repository/kunlun/ -
登录 NPM 源
注意：用户名和密码在部署包的
xxx账号.md文件中。npm login --registry "http://nexus.shushi.pro/repository/kunlun/" npm info underscore成功登录后，将出现相关信息：
6. 安装 pnpm
-
验证安装
在终端中输入以下命令安装 pnpm：
npm install -g pnpm -
验证安装
检查安装是否成功：
pnpm -v -
清理缓存
pnpm run clean -
安装依赖包
pnpm i注意：此过程可能较慢。
7. 启动项目
启动开发环境：
pnpm run dev启动成功后，您可以直接访问项目。
Oinone社区 作者：红莲原创文章，如若转载，请注明出处：https://doc.oinone.top/xin-ren-ru-men/18827.html
访问Oinone官网:https://www.oinone.top获取数式Oinone低代码应用平台体验
