位置: IT常识 - 正文

vue项目如何运行(超详图解)(vue项目怎么运行起来)

编辑:rootadmin
vue项目如何运行(超详图解) vue项目如何运行(超详图解)1.查看node、npm版本打开cmd输入npm -v(查看npm版本)输入node -v(查看node版本)

推荐整理分享vue项目如何运行(超详图解)(vue项目怎么运行起来),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue项目运行后页面一片空白,用vue做项目流程,如何运行vuejs项目,vue的项目,vue运行步骤,vue项目怎么运行,如何运行vuejs项目,vue运行步骤,内容如对您有帮助,希望把文章链接给更多的朋友!

若出现类似下图显示,即为安装成功

2.删除删除package-lock.json和node_modules 文件vue项目如何运行(超详图解)(vue项目怎么运行起来)

此步骤适用于运行别人的vue项目,找到项目目录,如果有node_modules文件夹和package-lock.json,就删掉(记录了模块的下载地址,且是基于项目作者的npm版本库生成)

3.清除npm缓存

如果出现了安装依赖不成功的情况,通常是因为npm还有缓存,此时,找到面项目的源文件位置,再地址栏输入cmd,打开终端,输入命令 ————————————————————————— npm cache clean -force 如果清理了还是失败,可能是npm版本问题,可以试试降低版本 ————————————————————————— npm install npm@6.14.10 -g 这里是引用

4.重新下载npm

还是在源文件的cmd下,输入命令 npm install

5.运行项目

cmd终端窗口输入命令 ————————————————————————— npm run serve或npm run dev (具体看package.json文件script中是哪一个) npm装完会出现以下地址,复制地址去浏览器运行即可

运行成功

本文链接地址:https://www.jiuchutong.com/zhishi/290208.html 转载请保留说明!

上一篇:tauri+vite+vue3开发环境下创建、启动运行和打包发布(taro-ui-vue3)

下一篇:官方自带YOLOv5的半自动标注方法(yolov5 ios)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络