Vue Devtool 확장 힌트 사용 안 함

Vue Devtool 확장 힌트 사용 안 함

저는 거의 모든 면에서 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 mode끌 수 있는 경고Vue.config.productionTip = false전에new Vue({...})힌트가 기록되지 않도록 설정 기반의 이스케이프는 없는 것 같습니다.따라서 다음과 같은 옵션이 있지만 완전히 만족할 수 없습니다.

• 바꾸다console.log"The Vue Way"가 아닌 → 특정 메시지를 필터링하기 위해 글로벌하게 사용됩니다.
• "NPM Way"가 아닌 Vue →의 소스 코드 수정
• Vue 개발자에게 이 →을(를) 제거하도록 요청하십시오. →에는 시간이 걸리고 비즈니스상의 이유로 변경이 거부될 수 있습니다.

당신이 제공한 소스 코드에서, 당신은 이전에 다음을 시도한 적이 있습니까?new Vue({...})?

Vue.config.devtools = false

메시지 중 하나를 오른쪽 클릭하여 숨기도록 선택하면 필터에 토스업되므로 메시지를 받지 않습니다.vue.runtime.esm.js더 이상:

이 코드를 "Vue javascript"의 끝에 입력해야 합니다.

Vue.config.devtools = false;

예

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

Vue.config.devtools = false;

p.s. 프로그램 헤더에 이 코드 "Vue.config.devtools = false;"를 입력해도 작동하지 않습니다.

언급URL : https://stackoverflow.com/questions/54947888/disable-the-vue-devtool-extension-tip