# 开始
本文会帮助你从头启动项目
# 环境准备
你的本地环境需要安装 Vue3 (opens new window) 、 Node.js@14+ (opens new window) 、 Git (opens new window) 、 MongoDB (opens new window)
我的配置可以参考下：
Nodejs : v14.18.1
@vue/cli : v5.0.8
"express": "~4.16.1"
MongoDB: v6.0.5
1
2
3
4
2
3
4
WARNING
注意事项: Node不要安装最新版本
# 工具
# 代码获取
上面的操作全部完成后即可将代码拉取下来
# 从 GitHub 获取代码
# clone 代码
git clone https://github.com/ZHYI-source/vue3-antd-plus.git
1
2
2
# 从 Gitee 获取代码
如果从 github clone 代码较慢的话，可以尝试用 Gitee (opens new window) 同步代码到自己的仓库，再 clone 下来即可。
也可以通过下方地址进行 clone
# clone 代码
git clone https://gitee.com/Z568_568/vue3-antd-plus.git
1
2
2
WARNING
注意 : Github上的代码可能不是最新的
# 安装
# 安装 Node.js
如果您电脑未安装Node.js (opens new window)，请安装它。
验证
# 出现相应npm版本即可
npm -v
# 出现相应node版本即可
node -v
1
2
3
4
2
3
4
如果你需要同时存在多个 node 版本，可以使用 Nvm (opens new window) 或者其他工具进行 Node.js 进行版本管理。
# 安装依赖
需要切换至不同项目端进行安装依赖
- CLIENT客户端
切换至CLIENT项目文件夹内执行下面命令
cd CLIENT
npm i
1
2
2
- ADMIN管理端
切换至ADMIN项目文件夹内执行下面命令
cd ADMIN
npm i
1
2
2
- SERVER管理端
切换至SERVER项目文件夹内执行下面命令
cd SERVER
npm i
1
2
2
# 安装依赖成功
# 安装依赖失败
- 如果哪个项目端执行
npm i安装失败或报错？
- 检查Node版本太高
- 尝试将
node_modules、package-lock.json删除掉，重新执行npm i
- 执行
npm i卡死不动？
- 执行
npm config set registry https://registry.npm.taobao.org然后重新执行npm i
# 创建与连接MongoDB数据库
- 打开安装好的软件navicat
- 左上角选择连接- 选择MongoDB（默认无用户和密码）-连接成功
- 创建数据库
my_db- 找到SERVER项目内sql文件(SERVER/sql/my_db.sql)-选择执行sql文件-出现下图即可成功
# 启动项目
启动项目需要各个端单独启动
启动顺序可按照 服务端-前端