在我们运行一些 vue 项目的时候,输入npm run serve或者 npm run dev的其中一个时,系统会报错:

PS C:\Users\LENOVO\Desktop> npm run dev
npm ERR! missing script: dev

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\LENOVO\AppData\Roaming\npm-cache\_logs\2020-05-27T01_05_59_189Z-debug.log
PS C:\Users\LENOVO\Desktop\website> npm run serve

然后我们就特别好奇,npm run serve 和 npm run dev 到底有什么区别,
这时我们就打开 package.json 文件,观察这段代码:

"scripts": {
"serve": "vue-cli-service serve",
"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” 就行。如下:

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

这就是 npm run serve 和 npm run dev 的区别,原理特别简单,但是需要多加注意。

相关文章:

  • 2022-02-05
  • 2022-12-23
  • 2021-12-03
  • 2021-10-31
  • 2022-12-23
  • 2021-12-09
  • 2021-08-10
猜你喜欢
  • 2021-06-30
  • 2022-02-02
  • 2021-09-24
  • 2021-07-27
  • 2021-09-19
相关资源
相似解决方案