Eslint報錯解決合集,Eslint校驗代碼語法，prettier統一格式化代碼，按下保存自動修復eslint錯誤，自動格式化代碼

 

在項目根目錄下新建.prettierrc預格式化配置文件,json格式添加:

{
"Semi":false,  //移除分號
"SingleQuote":true  //使用單引號表示字符串
}

 

修改.eslintrc.js中的rules:

rules: {

     "space-before-function-paren": 0,  //禁用函數名與()直接添加空格

    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',

    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'

  }

 需要安裝 Vetur、ESLint、Prettier - Code formatter這三個插件

vscode插件配置

打開vscode工具的設置（快捷鍵 Ctrl + ,）里面有兩個設置。

一個是 USER SETTINGS（用戶設置）也就是全局配置，其他項目也會應用這個配置。

另一個是WORKSPACE SETTINGS（工作區設置）也就是項目配置，會在當前項目的根路徑里創建一個.vscode/settings.json文件，然后配置只在當前項目生效。