运行别人gitub上的vue代码

1.删除package-lock.json和node_modules文件

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

 2.进入项目的终端

(1)进入vue项目所在目录

运行别人gitub上的vue代码_第1张图片

 2.在当前路径框中输入cmd并回车

运行别人gitub上的vue代码_第2张图片

3.清除npm缓存

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

npm cache clean -force

4.重新安装依赖

npm install

运行别人gitub上的vue代码_第3张图片

 5.运行项目

npm run dev

 运行别人gitub上的vue代码_第4张图片

 6.浏览器输入地址:http://localhost:8080,出现页面

你可能感兴趣的:(github,github,vue.js,前端,javascript)