在工作中,我们经常要接手别的 Vue 项目,我们从 SVN 、Git 上拿到别人的 Vue 项目后,要如何运行下来呢 ?
1、首先将项目里的 “node_modules” 文件夹删除,这是 Vue 项目的依赖包。不过由于 “node_modules” 文件夹太大,一般用户不会打包上传到 SVN、Git 上的,所以如果没有这个文件夹就不用删。
2、删除 package-lock.json,些文件记录了整个 node_modules 文件夹的树状结构,还记录了模块的下载地址,但是它是基于项目作者的 npm 版本库生成的。若不删掉这个依赖文件,容易出现 npm 版本差异导致的报错。
3、打开 CMD/Terminal(Mac终端),cd (如 cd ~/desktop 进入桌面,然后 cd 文件夹名)到项目目录,具体操作不懂的可以自行百度一下。
4、运行 npm cache clean,清除 npm 缓存,npm 有缓存时,常常出现安装依赖不成功的现象,且一旦出现这个问题,报错信息很完善,但根据报错信息一项一项去解决,却死活解决不了,还找不出原因。
5、运行 npm install, 这个命令将在当前目录中创建node_modules目录(如果尚不存在),并将该软件包下载到该目录。
6、运行 npm run serve 后,项目成功运行 ( 注意:Vue-Cli 4.x 之前是 npm run dev )
注:建议不要用 cnpm 安装,会有各种诡异的 bug , 可以通过如下操作解决 npm 下载速度慢的问题,npm install --registry=https://registry.npm.taobao.org
您可以选择一种方式赞助本站
支付宝扫一扫赞助
微信钱包扫描赞助