禁用 Vue Devtool 扩展提示答案

【问题标题】：Disable the Vue Devtool extension tip禁用 Vue Devtool 扩展提示
【发布时间】：2019-03-01 15:40:36
【问题描述】：

我几乎在各个方面都喜欢 Vue，但是每当我启动我的 Vue 应用程序时都会记录下来：

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

我喜欢最少的开发经验，我不需要这个 Vue 扩展。我想禁用这个我觉得烦人的提示。我该如何继续？

我已经尝试过的

看vue的源码，提示是这样记录的：

if (inBrowser) {
  setTimeout(function () {
    if (config.devtools) {
      if (devtools) {
        devtools.emit('init', Vue);
      } else if (
        true
      ) {
        console[console.info ? 'info' : 'log'](
          'Download the Vue Devtools extension for a better development experience:\n' +
          'https://github.com/vuejs/vue-devtools'
        );
      }
    }
    if ( true &&
      config.productionTip !== false &&
      typeof console !== 'undefined'
    ) {
      console[console.info ? 'info' : 'log'](
        "You are running Vue in development mode.\n" +
        "Make sure to turn on production mode when deploying for production.\n" +
        "See more tips at https://vuejs.org/guide/deployment.html"
      );
    }
  }, 0);
}

与Vue.config.productionTip = false 在new Vue({...}) 之前可以关闭的类似development mode 警告相反，似乎没有基于配置的转义来防止记录提示。因此，我有以下选择，但并不完全让我满意：

全局更改 console.log 以过滤掉此特定消息 → 不是“Vue 方式”
修改Vue的源代码→不是“The NPM Way”
请请求 Vue 开发人员删除这个 → 需要时间 + 更改可能会因业务原因被拒绝

【问题讨论】：

为什么会出现问题？你会在开发中得到这个，这没什么大不了的。当您准备好部署时，将您的 vue 库切换到生产库。
每次我查看错误时都会引起我的注意，它会占用控制台中的空间。不是生死攸关的问题，但我想摆脱它
“似乎没有基于配置的转义来防止记录提示” - 真的吗？您显示的代码中有类似的检查。也是documented。

标签： javascript vue.js vuejs2

【解决方案1】：

从你提供的源代码中，你在new Vue({...})之前有没有尝试过以下操作？

Vue.config.devtools = false

【讨论】：

确实有效，谢谢！你知道这是否会对应用的行为产生副作用吗？
这只会禁用 Vue 开发工具的使用。但你似乎没有使用它们（chrome 或 firefox 插件）
但是正如控制台中显示的提示，您绝对应该使用它们，它们非常有用;)
我安装了它们，但仍然收到此消息：/

【解决方案2】：

在 chrome 中，如果您右键单击其中一条消息并选择隐藏，它会将其扔到您的过滤器中，因此不再收到来自 vue.runtime.esm.js 的消息：

【讨论】：

【解决方案3】：

我们必须将此代码放在“Vue javascript”的末尾

Vue.config.devtools = false;

示例

let demo = new Vue({
  data: {},
  < Some code ...... >
});

Vue.config.devtools = false;

附言把这段代码“Vue.config.devtools = false;”在程序头处将不起作用。

【讨论】：

这就是公认的答案已经要求做的事情
尼诺，但我听不懂他的英语。所以我分解了要点。