最近做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后项目成功运行

这是自己的一点经验,如有问题,欢迎指正。

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐