vue npm run serve和npm run dev运行vue项目的区别

在运行vue文件时，需要进行npm操作，但我们发现，有时候用的是npm run serve，而有的时候用的是npm run dev，二者有什么区别，或者是说npm run XXX是怎么定义的呢

其实这个很简单，在package.json文件中，有scripts，上面定义了我们在运行vue文件到底是用serve或者dev或者别的

举个例子吧

package.json文件中：

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

像这种情况，启动vue项目需要用npm run serve

"scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "unit": "jest --config test/unit/jest.conf.js --coverage",
    "e2e": "node test/e2e/runner.js",
    "test": "npm run unit && npm run e2e",
    "lint": "eslint --ext .js,.vue src test/unit test/e2e/specs",
    "build": "node build/build.js"
},

像这种情况，启动vue项目就需要用npm run dev

以此类推，其他的vue项目启动都是根据package.json中定义的，如果想更换vue项目启动的方式的话，改一下scripts中的配置。

但是最常用的启动vue的项目还是dev和serve

还有其他的一起讨论呀~