如何运行从网上拉取的Vue项目?
最近做Springboot+Vue的项目,从网上拉下来一个项目打算先看看成品效果,后台部署好之后,前端Vue的运行成了一个问题,所以总结一下。
·
最近做Springboot+Vue的项目,从网上拉下来一个项目打算先看看成品效果,后台部署好之后,前端Vue的运行成了一个问题,所以总结一下。
1.安装node.js、npm、vue-cli。这三个东西教程挺多的,我这里就不详细说了,我之前开发的时候安装过,查看当前电脑上有没有安装。
node -v
npm -v
vue -V
以上三条命令都执行成功会显示版本号,如下图:
2.删除拉取的Vue项目的node_modules,这是vue项目的依赖包,项目偏大的话不会上传,如果有的话就删掉。
3.package-lock.json 这个东西跟版本挂钩,不删的话下载依赖会报错
4.进入到vue项目的目录下,使用cmd进入命令行窗口。
5. 使用vue install 或 vue i 去重新安装项目需要的依赖
正常情况下应该是直接可以安装成功,我安装时出现了关于node-sass依赖安装不上的问题,这里是由于下载镜像的问题,解决方法如下:
配置npm淘宝镜像
#配置npm淘宝镜像
npm config set registry https://registry.npm.taobao.org
#在当前目录下进行node-sass 的数据源设置
npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass
6.运行npm install,重新安装依赖
7.运行npm run build 打包
8.最后运行npm run dev后项目成功运行
这是自己的一点经验,如有问题,欢迎指正。
更多推荐
所有评论(0)