如何使用开发工具，快速启动vue项目

今天早上我造成了一个生产事故，我还不自知！

导致线上页面都打不开，从9：45一直到10：30才有人发现，然后上级在办公室里问到底是谁打包代码了，我若无其事，因为我的确没有打包上线。

问题解决后，开始看打包日志。然后老大问我，你打包了？我一头雾水，我只是打包测试环境，又没上线，这事怎么也扯不上我吧！

但是打包日志清清楚楚的，9：45就是我打包的。然后我想起来了，

我把  npm run test  写成了  npm test

正常来说，这么玩，控制台会报错，然后不了了之。但是我们的package.json有这么一段代码，看我加粗部分

"scripts": {

"serve": "vue-cli-service serve --mode dev",

  "build": "git pull origin master&& npm i && vue-cli-service build --mode product",

  "lint": "vue-cli-service lint",

  "test": "vue-cli-service build --mode test ",

  "test1": "npm run test --test-1",

  "dev": "npm run serve"

}

我以为自己是打错个字，却把测试包打到了线上，闯祸了！

所以我下午赶紧优化一下，自动 npm run ...

1. webstorm轻量级编译器，300多兆，在某宝上买了个license

2. 打开vue项目，打开package.json，点击绿色三角形启动项目

3. webstorm 右上角就会出现你跑过的命令

跑过的命令自动出现，右边绿色小三角点击即可启动 控制台快速启动项目  npm run serve

少写一个字母引发的血案，还好领导没有追究我的责任，最后他们把

 "test": "vue-cli-service build --mode test ",  删掉了，删掉了，删掉了

过来人建议：代码能复制就复制，能自动就自动，有插件就插件... ...

学会偷懒，虽然不是女生的强项，但是要改，不会偷懒的程序员不是好程序员！