VUE項目Eslint報錯

前言：eslint很噁心的一個地方：你是否被各種語法報錯一個標點符號，一個空格，一個回車......各種報錯折磨著你！

加上編輯器 VS Code 的自動格式化穩穩的和Eslint衝突報錯。

對此，我們想在 VS Code 中格式化不報錯需要對eslint進行一些設置

錯誤一：方法小括弧前面報錯，Eslint要求前面必須加一個空格，Vs Code自動格式化是縮略了空格的，這時候

Module Error (from ./node_modules/eslint-loader/index.js):
error: Missing space before function parentheses (space-before-function-paren) at src\components\Login.vue:30:7:
28 　| <script>
29 　| export default {
> 30 | data () {
　　 |       ^
31　 | return {

解決方法：找到.eslintrc.js  在rules裡面加上

'space-before-function-paren': 0

即：

rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    'space-before-function-paren': 0
  },

　　錯誤二：當字元串被打上雙引號是報錯，Eslint中規定單引號：上箭頭指向引號
　　錯誤三：分號不支持，報錯：上箭頭指向分號

解決方法：全局添加  .prettierrc  文件

{
    "semi": false,  //分號
    "singleQuote": true  //引號
}

這時再用 Vs Code 的格式化就不會右上面三種報錯了