配置 VS Code 使用 ESLint 格式化

最新推荐文章于 2025-04-25 12:32:57 发布

爱拍照的小码农

最新推荐文章于 2025-04-25 12:32:57 发布

阅读量225

点赞数 2

文章标签： vscode ESlint

本文链接：https://blog.csdn.net/weixin_45644355/article/details/147399477

版权

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"
  }
}