运行项目

1、安装VSCode工具

通过 VSCode 配置 后，运行vscode打开ui\zhontai.ui.admin.vue3项目，按住 Ctrol + ` 或者 选择查看-终端运行终端

2、安装nodejs

前往官网选择最新版本下载安装 nodejs

提示

如果安装包管理器，则不用安装nodejs

更多包管理可查看

https://nodejs.cn/en/download/package-manager

安装nvm包管理器，如windows可选择最新版本nvm-setup.exe下载安装

https://github.com/coreybutler/nvm-windows/releases

查看可安装版本 nvm ls available

查看node安装版本 nvm ls

安装指定版本 nvm install 23.5.0

使用指定版本 nvm use 23.5.0

安装最新版本 nvm install latest

使用最新版本 nvm use latest

3、安装pnpm

复制代码在vscode终端或者cmd中执行

npm install -g pnpm --registry=https://registry.npmmirror.com

提示

pnpm 安装 npm 包不成功

pnpm 安装 npm 包不成功的原因，由于网络问题或者地理位置的原因，有时候从官方仓库下载包可能会很慢，或者某些包在官方仓库中可能无法访问。

解决这个问题，可以打开 cmd 右键菜单以管理员身份运行后安装 nrm，方便在不同的 npm 镜像源之间切换，无需手动编辑 npm 的配置文件

npm install -g nrm --registry https://registry.npmmirror.com

通过 nrm 列出所有可用的镜像源

nrm ls

npm ---------- https://registry.npmjs.org/
yarn --------- https://registry.yarnpkg.com/
tencent ------ https://mirrors.cloud.tencent.com/npm/
cnpm --------- https://r.cnpmjs.org/
taobao ------- https://registry.npmmirror.com/
npmMirror ---- https://skimdb.npmjs.com/registry/

通过 nrm 使用淘宝的镜像源

nrm use taobao

使用 nrm ls 查看使用的镜像源

  npm ---------- https://registry.npmjs.org/
  yarn --------- https://registry.yarnpkg.com/
  tencent ------ https://mirrors.cloud.tencent.com/npm/
  cnpm --------- https://r.cnpmjs.org/
* taobao ------- https://registry.npmmirror.com/
  npmMirror ---- https://skimdb.npmjs.com/registry/

4、安装 npm 包

输入以下命令 或者 直接点击 NPM 脚本 inistall:pkg 安装 npm 包

npm run install:pkg

出现以下提示则说明安装npm包完成，注意安装过程中不要出现异常

Done in 894ms
 *  终端将被任务重用，按任意键关闭。

注意：如果切换到页面后任然有大量红色标记错误，请重新关闭vscode后再重新打开项目查看

5、运行项目

输入以下命令 或者 直接点击 NPM 脚本 dev 运行项目

npm run dev

运行成功后会自动跳转到登录界面