配置 VS Code 使用 ESLint 格式化

1、在设置里面搜索Default Formatter,下拉框里选择eslint
2、并勾选Enables ESlint as a formatter
3、再在settings.json文件中添加配置代码,如下所示:
1) 、打开 VS Code 设置
快捷键:Ctrl + ,(Mac: ⌘ + ,)
或点击左下角齿轮 → Settings。

2)、 修改设置(JSON 格式)
点击右上角 {} 图标,添加:

// settings.json
{
  "editor.defaultFormatter": "dbaeumer.vscode-eslint",
  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "eslint.validate": ["javascript", "javascriptreact", "typescript", "vue"],
  "[vue]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  },
  "[javascript]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  }
}

4、然后在需要格式化的代码中右键选择使用…格式化文档,在上方选择框选择ESlint

你可能感兴趣的:(vscode,ESlint)