如何运行从网上拉取的Vue项目?

编程入门 行业动态 更新时间:2024-10-06 22:26:54

如何运行从网上拉取的Vue<a href=https://www.elefans.com/category/jswz/34/1771421.html style=项目?"/>

如何运行从网上拉取的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 
#在当前目录下进行node-sass 的数据源设置
npm config set sass_binary_site=

6.运行npm install,重新安装依赖

7.运行npm run build 打包

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

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

更多推荐

如何运行从网上拉取的Vue项目?

本文发布于:2024-02-07 03:17:09,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1752988.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:项目   网上   Vue

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!