vue项目关闭控制台输出的开发环境提示关闭热更新提示

前言

为了使得控制台更清爽，只输出我们手动输出的一些控制语句防止下图的多余提示"碍眼"，不得不采取一些措施

ps：以上输出都是由于node_modules内部的代码导致的，所以我们就要去找到对应的位置进行屏蔽输出

去除webpack的热更新提示：[HMR] Waiting for update signal from WDS...

1. 找到node_modules\webpack\hot\log.js，以前是直接在这个位置可以找到，但是现在发现有时候没有。如果没有，那就换node_modules\.store\node_modules\webpack\hot\log.js
2. 可以看到控制台输出的语句是在24行，注释输出就行了
   

去除:Download the Vue Devtools extension for a better development experience:https://github.com/vuejs/vue-devtools

1. 找到node_modules\vue\dist\vue.runtime.esm.js
2. 可以看到控制台输出是在8784行，找到对应的位置注释该输出即可
   

去除开发环境提示：

You are running Vue in development mode. Make sure to turn on production mode when deploying for production. See more tips at https://vuejs.org/guide/deployment.html
方案1： 直接在入口文件index.js加上

Vue.config.productionTip = false

方案2：找到node_modules\vue\dist\vue.runtime.esm.js，找到对应输出的位置8793行，注释该输出即可