如何让别人的 Vue 项目在本地运行起来 ?

在工作中,我们经常要接手别的 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 clean cache -f,清除 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

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

墨丶水瓶

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: