一、准备

注意：本项目是vue框架，没有后端部分，后端数据由一些模拟插件生成数据。

下载链接：https://pan.baidu.com/s/1mBxYusM59gKORKhDwPCecg 
提取码：7485

（过期请私聊我）

二、步骤

1.删除“node_modules”文件夹，不过由于“node_modules”文件夹太大，一般不会打包上传到svn、git上的，所以没有这个文件夹就不用删。

2.删除package-lock.json。package-lock.json记录了整个node_moudles文件夹的树状结构，还记录了模块的下载地址，但是它是基于项目作者的npm版本库生成的，若不删掉这个依赖文件，容易出现npm版本差异导致的报错。

3.运行npm clean cache -f，清除npm缓存，npm有缓存时，常常出现安装依赖不成功的现象，且一旦出现这个问题，报错信息很完善，但根据报错信息一项一项去解决，却死活解决不了，还找不出原因。

4.运行npm install，重新安装依赖。

5.最后运行npm run dev或者npm run serve后项目成功运行。打包到服务器可以用npm run build。

注：建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

三、系统展示

四、可能出现的错误

1.未安装js-cookie

已经npm install后任然会出现这样的情况，我们按照提输入命令即可，不能用cnpm，具体原因不知道，用npm的话记得加上淘宝加速镜像。--registry=https://registry.npm.taobao.org

2. npm run dev不行的话可以用npm run serve

 3.npm clean cache --force运行报错

一开始报错npm WARN using --force Recommended protections disabled.。查询发现是npm版本过高，使用npm install npm@6.14.10 -g降级npm版本后提示下图报错，我没有理会，后续步骤正常。看起来应该是警告不是报错。

 4.vscode识别不到npm

vscode识别不到npm，只是一个简单问题，并不涉及到环境变量，因为我在项目文件夹啊使用powershell可以使用npm命令，原因是没有用管理员方式打开vscode。

5.重装npm版本后，cnpm就不能用了，需要重新设置。