正确配置 ESLint 插件是实现 VSCode 自动修复错误的关键，需安装官方 ESLint 扩展并确保项目已安装 eslint 包；接着在 settings.json 中设置 "editor.codeActionsOnSave": { "source.fixAll.eslint": true } 以启用保存时自动修复功能；同时配置 "eslint.validate" 支持的语言类型；项目根目录应包含 .eslintrc.js、.eslintrc.json 等配置文件，必要时通过 npx eslint --init 初始化；最后可通过右键菜单或命令面板手动修复问题。
要让 VSCode 自动修复 ESLint 错误，关键是正确配置 ESLint 插件并与项目中的 ESLint 规则集成。只要设置得当，保存文件时就能自动修正大部分可修复的问题。
安装并启用 ESLint 扩展
在 VSCode 中使用 ESLint 的第一步是安装官方扩展：
- 打开 VSCode 扩展市场（快捷键 Ctrl+Shift+X）
- 搜索 "ESLint" 并安装由 Microsoft 提供的官方插件
- 确保项目中已通过 npm 安装了 eslint 包
配置 VSCode 设置以启用自动修复
为了让编辑器在保存时自动修复 ESLint 错误，需要修改设置。可以通过以下方式操作：
- 打开 VSCode 设置（Ctrl+,）
- 搜索 "eslint auto fix" 或编辑 settings.json
- 添加或确认以下配置项：
其中 codeActionsOnSave 会在你保存文件时触发 ESLint 自动修复。根据你的项目语言调整 validate 字段。
确保项目中有正确的 ESLint 配置文件
VSCode 的 ESLint 插件依赖于项目根目录下的配置文件，例如：
动态WEB网站中的PHP和MySQL：直观的QuickPro指南第2版
下载
动态WEB网站中的PHP和MySQL详细反映实际程序的需求，仔细地探讨外部数据的验证(例如信用卡卡号的格式)、用户登录以及如何使用模板建立网页的标准外观。动态WEB网站中的PHP和MySQL的内容不仅仅是这些。书中还提到如何串联JavaScript与PHP让用户操作时更快、更方便。还有正确处理用户输入错误的方法，让网站看起来更专业。另外还引入大量来自PEAR外挂函数库的强大功能，对常用的、强大的包
- .eslintrc.js
- .eslintrc.json
- 或 .eslintrc
如果项目没有这些文件，可以运行 npx eslint --init 初始化配置。确保规则中启用了可自动修复的选项（如缩进、分号、引号等）。
手动触发修复（可选）
除了保存时自动修复，也可以手动执行修复：
- 右键编辑器内容，选择 “Fix all auto-fixable Problems”
- 或使用命令面板（Ctrl+Shift+P），输入 “Fix all problems”
基本上就这些。只要 ESLint 规则支持自动修复，并且 VSCode 正确识别了配置，大多数格式类错误都能在保存时自动修正。不复杂但容易忽略的是 codeActionsOnSave 的设置，务必确认拼写和结构正确。
