当前位置: 首页 > news >正文

如何运行vue项目(详细步骤)

1、首先,将项目里的“node_modules”文件夹删除,这是vue项目的依赖包。

因为“node_modules”文件夹太大,一般不会打包上传到svn、git上的,所以没有这个文件夹就不用删。
在这里插入图片描述

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

3、然后打开cmd,cd到项目目录。
具体操作:先输入该盘符,然后再用cd命令切换目录。

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

5、输入命令npm install,重新安装依赖。

6、输入命令npm run build 打包。

7、最后输入命令npm run dev/npm run serve(或者npm rum xxx)后项目成功运行。
这里注意有可能不同,npm run dev是vue-cli2.0版本使用的,npm run serve 是vue-cli3.0版本使用的,npm run xxx 中的 xxx 可以理解为键值对的 key,实际上 run 的是在 package.json 里面 scripts 配置的 value。

vue cli2.0

"scripts": {"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js","start": "npm run dev","build": "node build/build.js"
}

vue cli3.0

"scripts": {"serve": "vue-cli-service serve","build": "vue-cli-service build","lint": "vue-cli-service lint"
}

http://www.taodudu.cc/news/show-6310201.html

相关文章:

  • linux数据备份与恢复
  • ICode国际青少年编程竞赛- Python-1级训练场-变量练习
  • 在ubuntu虚拟机中手动安装VMware Tools(VMware Workstation 17 player)
  • Postman的一些使用技巧
  • 深入理解MySQL的Purge机制
  • 前端高频面试题 5.08
  • Vue项目启动原理及项目的创建
  • windows下vue项目启动步骤
  • 前端vue项目启动
  • VUE启动流程
  • IDEA启动VUE项目的方法
  • idea中启动vue项目
  • vue初始安装及项目初启动
  • Python 文件的读写模式
  • python的文件读写方法有哪些_python读写文件的方法有哪些
  • Python之文件的读写
  • python文件读写操作
  • 什么是网络安全?网络安全包括哪几个方面?
  • 【微信小程序】黑马优购--05商品详情
  • 微信小程序在线考试项目开发-接口封装调用
  • 微信小程序开发 从创建到使用
  • 微信小程序框架(四)-全面详解(学习总结---从入门到深化)
  • uniapp使用高德地图定位(兼容app)
  • 高德地图Amap搜索定位
  • amap 实现获取定位功能(高德api)
  • 我的高德地图之定位,Marker,位置信息。
  • Android高德地图的定位
  • 利用高德地图实现定位功能
  • VxWorks中文FAQ
  • VxWorks中文FAQ(转载)
  • Angular4+ng2-ckeditor踩坑
  • Angular 组件类测试
  • A/B-Test简介
  • ANTLR4 入门学习(一):下载和测试
  • AB test | 学习笔记
  • ANTLR4入门【打造你自己的语法规则】