配置Linter和Formatter、启用保存时自动修复、使用Quick Fix及设置默认格式化工具，可让VSCode自动修复代码问题。

让 VSCode 自动修复常见代码问题，关键是配置合适的语言服务器、启用格式化工具，并结合保存时自动修复功能。下面介绍几个实用方法。

安装并配置 Linter 和 Formatter

不同语言需要对应的工具来识别和修复问题。以 JavaScript/TypeScript 为例：

• 安装 ESLint 扩展（由 Microsoft 提供）
• 项目中初始化 ESLint 配置文件（.eslintrc.js 或 .eslintrc.json）
• 确保项目已安装 eslint 和相关规则包（如 eslint-plugin-react）

对于 Python，可使用 pylint 或 flake8 搭配 autopep8 / black 进行自动修复。

启用保存时自动修复

在 VSCode 设置中开启“保存时自动格式化与修复”，操作如下：

• 打开设置（Ctrl + ,）
• 搜索 format on save，勾选“Editor: Format On Save”
• 启用 Fix on Save（部分 Linter 支持，如 ESLint 提供该选项）

也可以在 settings.json 中手动添加：

{   "editor.formatOnSave": true,   "editor.codeActionsOnSave": {     "source.fixAll": true   } }

这会让 VSCode 在保存文件时自动执行所有可安全修复的代码操作。

绘蛙AI修图

绘蛙平台ai修图工具，支持手脚修复、商品重绘、AI扩图、AI换色

58

查看详情

使用 Quick Fix 快捷修复问题

当代码出现警告或错误时，VSCode 通常会在行首显示灯泡图标（?）：

• 点击灯泡或按下 Ctrl + . 调出快速修复菜单
• 选择推荐的修复方式，例如导入缺失模块、修正拼写、调整缩进等

这类修复由 Linter 或语言服务提供，准确率高，适合逐个处理问题。

配置默认 formatter

确保 VSCode 知道用哪个工具格式化代码：

• 右键编辑器 -> “格式化文档时使用…” -> 选择对应工具（如 Prettier 或 ESLint）
• 在 settings.json 中指定默认 formatter：

{   "[javascript]": {     "editor.defaultFormatter": "dbaeumer.vscode-eslint"   },   "[python]": {     "editor.defaultFormatter": "ms-python.black-formatter"   } }

基本上就这些。只要工具装好、设置正确，VSCode 就能在你写代码时实时提示，并在保存时自动修复大部分常见问题，提升编码效率和代码质量。