取消Vue中格式警告

CodingFire發表於2018-02-23

新版本中對應的webpack.base.conf.js檔案不見了,解決方法請參見此部落格:VS Code解除格式警告

使用VS Code在學習Vue的過程中,博主是在2.0之後開始學習的,發現經常會報一大堆的警告,都是關於格式的,有時候少空格,有時候多空格,不勝其煩,出現這個問題是因為在初始化的時候使用了ESLint功能或者使用ESLint的外掛,對於初學者來說,這是一個很麻煩的問題,解決辦法是:

在build檔案下的webpack.base.conf.js檔案中,將
...(config.dev.useEslint ? [createLintingRule()] : []),
註釋掉,這是對原來的寫法進行了封裝,你去看這個方法對應的程式碼就會發現裡面的詳細規則:
const createLintingRule = () => ({
  test: /\.(js|vue)$/,
  loader: 'eslint-loader',
  enforce: 'pre',
  include: [resolve('src'), resolve('test')],
  options: {
    formatter: require('eslint-friendly-formatter'),
    emitWarning: !config.dev.showEslintErrorsInOverlay
  }
})
這麼處理之後,即可解決ESLint報警告的問題。

相關文章