使用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 } })
重新 npm run dev 項目之后 會發現 警告都沒了,是不是很神奇呢!