前端启动
# 推荐大家安装nvm 。是对nodejs的版本控制，非常好用。
https://kaixin.blog.csdn.net/article/details/135727333 (opens new window)
如果安装nvm。下面的安装步骤就可以省略了。可直接nvm install 指定版本
当前电脑的node和npm版本截图给大家参考一下
# 安装nodeJs
# 安装包下载
官网下载 https://nodejs.org/en/download (opens new window)
# 运行msi文件
我存在E盘下nodejs文件夹下
# 设置nodejs prefix（全局）和cache（缓存）路径
在nodejs安装路径下，新建node_global和node_cache两个文件夹
设置缓存文件夹
进入到Windows dos界面，进入nodejs文件夹目录下。执行下方命令
npm config set cache "E:\nodejs\node_cache"
npm config set prefix "E:\nodejs\node_global"
# 基于 Node.js 安装cnpm（淘宝镜像）
说明：由于npm是国外的，使用起来比较慢，我们这里使用淘宝的cnpm镜像来安装vue。淘宝的cnpm命令管理工具可以代替默认的npm管理工具。
进入到Windows dos界面，进入nodejs文件夹目录下。执行下方命令
npm install -g cnpm --registry=https://registry.npm.taobao.org
# ⑤ 设置环境变量（非常重要，方便以后使用）
说明：设置环境变量可以使得住任意目录下都可以使用cnpm、vue等命令，而不需要输入全路径
鼠标右键"此电脑"，选择"属性"菜单，在弹出的"系统"对话框中左侧选择"高级系统设置"，弹出"系统属性"对话框。
修改系统变量PATH
- 新增系统变量NODE_PATH
温馨提示：
记得点击保存，否则环境变量无法生效。
另外dos界面需要关闭重新开启，全局变量方可生效！
使用nvm
nvm version （查看版本，验证是否安装成功）
npm install 21.5.0 （安装指定版本的nodes）
npm use 21.5.0 （使用指定版本nodes）
npm list （查看使用情况）
# 打开项目启动前端服务器程序
# 启动前，建议先安装一下 （idea 安装设置开发vue项目环境）
https://blog.csdn.net/qq_38377190/article/details/106207211 (opens new window)
# ①使用idea打开项目
说明: 我讲前端代码和后端代码都放一起了。你们选中单独选中前端代码即可。
# ②安装vue插件
# ③安装脚手架
执行命令
npm install --legacy-peer-deps
# ④启动前端项目
执行命令
npm run dev
效果如下图
