Vue取消eslint語法限制
由於vue對語法的限制過於嚴格，以至於在我第一次編譯運行的時候一直編譯失敗，當然也包括一些警告：
當然，這里的警告我是知道怎么回事，但是這個錯誤我就很不明白了，原來eslint是一個語法檢查工具，但是限制很嚴格，在我的vue文件里面很多空格都會導致紅線警告(可以屏蔽)，雖然可以屏蔽，但是在編譯的時候老是會跳出來一堆警告出來，所以能完全關閉語法的限制是最好的了。
以下是報錯內容：
1 2 ➜ my-project npm run dev 3 4 5 6 > bblee-app@1.0.0 dev /Users/bianlifeng/my-project 7 8 > webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 9 10 11 12 95% emitting 13 14 15 16 WARNING Compiled with 1 warnings 5:00:12 PM 17 18 19 20 21 22 ✘ http://eslint.org/docs/rules/indent Expected indentation of 0 spaces but found 2 23 24 src/components/Message.vue:46:1 25 26 export default { 27 28 ^ 29 30 31 32 ✘ http://eslint.org/docs/rules/indent Expected indentation of 2 spaces but found 4 33 34 src/components/Message.vue:47:1 35 36 data() { 37 38 ^ 39 40 41 42 ✘ http://eslint.org/docs/rules/indent Expected indentation of 2 spaces but found 4 43 44 src/components/Message.vue:65:1 45 46 } 47 48 ^ 49 50 51 52 ✘ http://eslint.org/docs/rules/indent Expected indentation of 0 spaces but found 2 53 54 src/components/Message.vue:66:1 55 56 } 57 58 ^ 59 60 61 62 63 64 ✘ 23 problems (23 errors, 0 warnings) 65 66 67 68 69 70 Errors: 71 72 21 http://eslint.org/docs/rules/indent 73 74 2 http://eslint.org/docs/rules/space-before-function-paren 75 76 77 78 You may use special comments to disable some warnings. 79 80 Use // eslint-disable-next-line to ignore the next line. 81 82 Use /* eslint-disable */ to ignore all warnings in a file.
當然，這里的警告我是知道怎么回事，但是這個錯誤我就很不明白了，原來eslint是一個語法檢查工具，但是限制很嚴格，在我的vue文件里面很多空格都會導致紅線警告(可以屏蔽)，雖然可以屏蔽，但是在編譯的時候老是會跳出來一堆警告出來，所以能完全關閉語法的限制是最好的了。
關閉方法：
在build/webpack.base.conf.js文件中，注釋或者刪除掉：module->rules中有關eslint的規則
1 2 module: { 3 4 rules: [ 5 6 //...(config.dev.useEslint ? [createLintingRule()] : []), // 注釋或者刪除 7 8 { 9 10 test: /\.vue$/, 11 12 loader: 'vue-loader', 13 14 options: vueLoaderConfig 15 16 }, 17 18 ... 19 20 } 21 22 ] 23 24 }
然后重新運行一下npm run dev或者構建命令 npm run build就可以啦。（本文轉載）