處理 vue eslint 錯誤(分號、雙引號、函式空格)

Vue eslint 錯誤(vscode)

最近在 vscode 中修改之前的 Vue 3.0 程式時，只要存檔後，就會產生關於分號、雙引號、函式空格的相關錯誤。

於是搜尋了一下，找出以下的處理方式。

vscode 安裝 Vetur 套件。之後在 vscode 的 settings.json 加上：

Code

"[vue]": {
    // 使用 vetur 規則
    "editor.defaultFormatter": "octref.vetur"
},
"vetur.validation.template": false,
"vetur.format.defaultFormatterOptions":{
    "prettier":{
        // 去分號
        "semi": false, 
        // true 使用單引號
        "singleQuote": true,
    },
},
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,

若是無法解決再用下述方式。

專案根目錄新增 .eslintrc.js，內容如下：

Code

module.exports = {
    "rules": {
        // "indent": ["error", 4],
        // "linebreak-style": ["error", "unix"],
        "quotes": ["error", "single"],
        "semi": ["error", "never"],
        'space-before-function-paren': ['error', {
            anonymous: 'always',
            named: 'never',
            asyncArrow: 'always'
        }]
    }
}

參考：
https://www.cnblogs.com/earthZhang/p/12628618.html