vue让你理解npm run dev 和 npm run serve
npm run dev 是vue-cli2.0版本使用的
npm run serve 是vue-cli3.0版本使用的
dev build serve?
在我们运行一些 vue 项目的时候,输入npm run serve或者 npm run dev的其中一个时,系统会报错,然后我们就特别好奇,npm run serve 和 npm run dev 到底有什么区别。
其实 npm run dev 或者是 npm run serve 等 npm run xxx 并不是一定要这么写。
npm run XXX是执行配置在 package.json 中的脚本,比如:
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 --open","build": "vue-cli-service build","lint": "vue-cli-service lint"
}
可以把这个 npm run serve 当做是 npm run package.json 里面的scripts的value。
比如,npm run serve 实际运行的是 vue-cli-service serve;而如果你想使用npm run dev 的话,只需把 “serve” 修改为 “dev” 就行。
npm run xxx 中的 xxx 可以理解为键值对的 key,实际上 run 的是在 package.json 里面 scripts 配置的 value;
比如,npm run serve 实际运行的是 vue-cli-service serve;
而放在 3.0 以前运行的则是 node build/dev-server.js 文件;
总结:
npm run xxx,并不是你想运行就运行的,只有在 package.json scripts 配置了,你才能 run 的,所以不是所有的项目都能 npm run dev/build。
要了解这些命令做了什么,就要去scripts中看具体执行的是什么代码。
这里就像是一些命令的快捷方式,免去每次都要输入很长的的命令(比如 serve 那行)
一般项目都会有 build, dev, unit 等,所以起名,最起码要从名字上基本能看出来是干什么的。
vue让你理解npm run dev 和 npm run serve相关推荐
- 关于vue的npm run dev和npm run build
转自:https://www.cnblogs.com/hl0203/p/7138600.html 关于vue的npm run dev和npm run build ├─build │ ├─build.j ...
- npm install和npm run dev以及npm run build的区别
我们在开发vue.js的mvvp项目时候,会执行npm install ,npm build,npm dev等等.其实这些都和package.json有关. {"name": &q ...
- npm run dev 和 npm run serve
1.ERR引发的思考 创建好的 vue 项目直接执行 vue run dev 报错?运行 vue run serve 就可以启动...如下 npm run dev npm ERR! missing s ...
- npm run dev 出现npm ERR!missing scrip:dev
记得自己刚开始学vue的时候,经常会遇到各种问题,现在回想起来,这些都是掌握一门技术的必经之路.最近又遇到一个简单的问题:执行npm run dev的时候出现如下报错: 熟悉Vue的人应该能初步判断出 ...
- 奇异问题之解决思路(一) npm run dev或npm run buil报错,单独运行scripts又正常?
找问题&解决步骤 问题描述 分析产生原因 小小总结下吧 愿佛祖保佑大家无难解决的问题&Bug 问题描述 我想使用rollup打包自己写的一个工具类库,于是手动搭建了一个rollup工程 ...
- npm run dev 和 npm run serve区别
在运行vue文件时,需要进行npm操作,但我们发现,有时候用的是npm run serve,而有的时候用的是npm run dev,二者有什么区别 在我们运行一些 vue 项目的时候,输入npm ru ...
- vue-cli 官方模板webpack-simple的npm run dev 与npm run bulid的一些问题
npm run dev命令后并不会在dist目录下生成build.js文件,开发环境下build.js是在运行内存中的. 在package.json的scripts属性的dev后面加上--port 8 ...
- vue报错 运行npm run dev报cjs.js缺失
vue 运行 npm run dev 或者npm run serve 报core-js/modules/es6.array.find in ./node_modules/_cache-loader@2 ...
- 解读 vue-cli 脚手架(一):npm run dev的背后
揭秘 vue-cli 脚手架 前言:记得自己大二(2016年)的时候,经过同学的介绍,偶然间接触到了 vue 的项目.那时候的自己对于这一项新兴的技术掌握程度并不好,一来二去折腾了一个星期,也没有弄明 ...
最新文章
- 前端工程师的修真秘籍(css、javascript和其它)
- 启动延时缩短 50%-80%,函数计算发布镜像加速功能
- 实时计算 Flink 版总体介绍
- 算法---FaceNet+mtcnn的使用记录
- OnIntialDialog() (Dialog应用)和 OnIntialUpdate(View应用)的 程序起始点
- jdk1.5、1.6、1.7新特性详细介绍(整理)
- php动态web开发技术,PHP动态Web开发技术
- IE9 RC【离线安装包】!终于等到了!
- Hexo添加helper-live2d模型
- imagej得到灰度图数据_老司机带你解锁ImageJ的各种技术姿势
- python出入库_Python-批量导出excel加盟商出入库明细
- SSO单点登录系统的设计与实现
- codesmith mysql 模板_CodeSmith for MySQL template
- c语言修改pdf文件内容,PDF如何编辑,PDF文件怎么修改文字
- 【Visual C++】游戏开发五十四 浅墨DirectX教程二十一 视觉的诡计:公告板(Billboard)技术
- ASPNET 5 和 dnx commands
- 【未完成】7-12 任务调度的合理性 (25 分)
- [再寄小读者之数学篇](2014-05-30 对数不等式)
- 集中式版本控制器和分布式版本控制器的个人理解
- (转)被讨厌的勇气--目录