npm run serve 和 npm run dev
程序员文章站
2022-03-03 08:42:23
...
1.ERR引发的思考
创建好的VUE项目,直接运行npm run dev后报错:npm run dev npm ERR! missing script: dev
2.dev build serve
其实 npm run dev 或者是 npm run serve 等 npm run xxx 并不是一定要这么写。
npm run XXX是执行配置在 package.json 中的脚本,比如:
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
npm run xxx 中的 xxx 可以理解为键值对的 key,实际上 run 的是在 package.json 里面 scripts 配置的 value;
比如,npm run serve 实际运行的是 vue-cli-service serve;
而放在 3.0 以前运行的则是 node build/dev-server.js 文件;
scripts 中并没有配置 dev ,所以控制台报了 [ missing script: dev ] 的错误 ;
3总结
npm run xxx,并不是你想运行就运行的,只有在 package.json scripts 配置了,你才能 run 的,所以不是所有的项目都能 npm run dev/build。
要了解这些命令做了什么,就要去scripts中看具体执行的是什么代码。
这里就像是一些命令的快捷方式,免去每次都要输入很长的的命令(比如 serve 那行)
一般项目都会有 build, dev, unit 等。
项目开发build后,会把代码打包进index.html中,直接运行index页面或者让ng打到该页面即可直接访问
上一篇: npm run dev error
推荐阅读
-
用npm-run实现自动化任务的方法示例
-
关于vue的npm run dev和npm run build的区别介绍
-
基于vue-cli npm run build之后vendor.js文件过大的解决方法
-
vue中Npm run build 根据环境传递参数方法来打包不同域名
-
Vue -- vue-cli(vue脚手架) npm run build打包优化
-
vue 动态设置img的src地址无效,npm run build 后找不到文件的解决
-
npm run dev的错误
-
npm安装参数中的--save-dev和--save详解
-
关于vue的npm run dev和npm run build的区别介绍
-
npm run dev 报错 ERROR in Entry module not found: Error: Can't resolve './src' in