第26篇 Vue项目如何运行起来

第26篇 Vue项目如何运行起来 项目如何运行起来 Vue 26

在工作中,我们常要接手别人的vue项目,那我们从svn、git上拿到别人的vue项目后,要如何跑起来呢?

第1步

将项目里的“node_modules”文件夹删除,这是vue项目的依赖包。不过由于“node_modules”文件夹太大,一般不会打包上传到svn、git上的,所以没有这个文件夹就不用删。

第2步

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

第3步

然后打开cmd,cd到项目目录,
具体操作:先输入该盘符,然后再用cd命令切换目录

第4步

运行npm clean cache -f

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

第5步

运行npm install,重新安装依赖

第7步

运行npm run build 打包

第8步

最后运行npm run dev后项目成功运行

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

评论