美文网首页
如何使用开发工具,快速启动vue项目

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

作者: 阳紫烨 | 来源:发表于2022-11-09 14:44 被阅读0次

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

    导致线上页面都打不开,从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 ",  删掉了,删掉了,删掉了

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

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

    相关文章

      网友评论

          本文标题:如何使用开发工具,快速启动vue项目

          本文链接:https://www.haomeiwen.com/subject/hrxatdtx.html