禁用Vue Devtool扩展提示

时间:2019-03-01 15:40:36

标签: javascript vue.js vuejs2

我几乎在各个方面都喜欢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);
}

development modeVue.config.productionTip = false之前可以关闭的类似new Vue({...})警告相反,似乎没有基于配置的转义来防止提示被记录。因此,我有以下选择,这些选择并不完全使我满意:

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

2 个答案:

答案 0 :(得分:1)

从您提供的源代码开始,您是否在new Vue({...})之前尝试了以下内容?

Vue.config.devtools = false

答案 1 :(得分:0)

在Chrome中,如果您右键单击其中一封邮件并选择隐藏它,则会将其扔到您的过滤器中,因此不再从vue.runtime.esm.js接收邮件:

enter image description here