前端环境搭建步骤及错误解决

一，初次搭建前端项目操作步骤：

1. Vscode软件下载
   

安装教程： https://blog.51cto.com/u_15069479/3548089

1. node环境配置
   

参考教程： https://blog.csdn.net/weixin_41979605/article/details/125730728

1. 项目拉取 git clone -b **分支名**  **项目地址**
   

例子：git clone -b dev XXX
解释：拉取XXX项目的dev分支

4. 淘宝镜像下载 npm i
   

5. 启动项目 npm run dev 
   

二，错误

注意：初次使用时可能会遇到若干错误

1，初次启动项目错误

npm ERR! Failed at the plm-portal@2.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     D:\node\nodeJs\node_cache\_logs\2021-11-10T02_28_35_216Z-debug.log

错误定位 ：npm ERR! Failed at the plm-portal@2.0.0 dev script.

分析：包下载不全，建议删除本地项目，重复上面操作

2，拉取项目错误

错误信息：某依赖找不到

分析：在终端最后一行会提示操作

如：

 npm install --save @riophae/vue-treeselect @riophae/vue-treeselect/dist/vue-treeselect.cs

错误说明：这个就是包下载不全导致的，

解决办法：

1，一般情况下直接使用提示语句，执行即可，

2，但是如果还是不管用的话，百度查询vue-treeselect，进入官网，根据官网提示语句安装包文件

3，最后，如果还不行，删除所有包，重新下载淘宝镜像

3，启动项目错误

vue 报错These dependencies were not found？

如果目录下有yarn.lock文件，那么执行一次 yarn install
如果没有，执行一次 npm install