新版vsCode配置eslint方法

不同的 vsCode 版本配置 eslint 會有所不同，下面記錄 eslint 的配置。

1.下載 eslint 和 Prettier - Code formatter 插件

2.找到設置 -> 用戶 -> 擴展 -> eslint，選擇在 settings.json 中編輯配置項

3.配置項中添加如下代碼

// 每次保存時將代碼按eslint格式進行保存
"editor.codeActionsOnSave": {
  "source.fixAll.eslint": true
},
// 添加vue支持
"eslint.validate": ["javascript", "vue", "html"],

4.在 .eslintrc.js 文件中配置 rules 中添加

rules: {
  ...
  'prettier/prettier': [
    // eslint校驗不成功后，error或2則報錯，warn或1則警告，off或0則無提示
    'error',
    {
      // 不要分號
      semi: false,
      // 設置單引號
      singleQuote: true,
      // 設置換行長度
      printWidth: 160
    }
  ]
}