Quick Fix是VSCode基于LSP的智能代码修复功能，支持快捷键（Option+Enter）、内联灯泡、命令面板调用、保存时自动应用及扩展增强五种使用方式。
当您在VSCode中编写代码时，编辑器会实时检测语法错误、未定义变量、类型不匹配等问题，并在问题下方显示波浪线提示。此时，Quick Fix功能可自动提供针对性的修复建议，帮助您快速修正代码缺陷。以下是启用并使用该功能的具体步骤：
本文运行环境：MacBook Air，macOS Sequoia。
一、触发Quick Fix菜单
Quick Fix功能依赖于语言服务器（LSP）提供的诊断信息，只有在检测到有效问题后才会激活。触发方式需满足光标位于带下划线的问题代码上，再通过快捷键或右键调出修复选项。
1、将光标定位在标有红色或黄色波浪线的代码行任意位置。
2、按下 Option + Enter（macOS）或 Alt + Enter（Windows/Linux）组合键。
3、若快捷键未响应，请确认当前文件已由支持LSP的语言扩展（如Python、TypeScript、ESLint等）正确激活。
二、使用内联快速修复项
VSCode会在问题位置上方直接渲染一个浅色悬浮按钮，显示最常用的一项修复操作，无需打开完整菜单即可执行，适合高频、低风险的修正场景。
1、将鼠标悬停在带波浪线的代码上，等待约300毫秒。
2、点击出现的 “Quick Fix” 文字链接或灯泡图标。
3、若该修复项为“导入缺失模块”，则自动在文件顶部插入对应 import 语句。
三、通过命令面板调用Quick Fix
当快捷键被其他应用占用，或需在无问题代码区域复用历史修复逻辑时，可通过命令面板精确调用Quick Fix上下文。
1、按下 Cmd + Shift + P（macOS）打开命令面板。
将静态 Vue 页面(index.vue)改造为动态页面(Custom.vue)；稿源仅限 index.vue、其引用的 CSS 与资源路径，禁止参考仓库内其他文件。Invoke when user wants to transform a static Vue page into a dynamic data-driven page with Element UI components.
2、输入 "Quick Fix" 并选择 "Quick Fix..." 命令。
3、命令面板将列出当前光标所在位置所有可用修复项，包括“添加类型注解”“转换为模板字符串”等。
四、配置自动应用Quick Fix
对于可安全推断的修复（如自动补全缺失的 return 语句），可通过设置启用保存时自动应用，减少手动干预频率。
1、打开设置界面，搜索 "editor.codeActionsOnSave"。
2、点击右侧编辑图标，添加新条目："source.fixAll" 并设为 true。
3、保存文件时，VSCode将在后台静默执行所有适用的Quick Fix操作。
五、扩展Quick Fix能力
默认Quick Fix仅覆盖基础语言特性，安装专用扩展可引入框架级修复逻辑，例如React组件props校验、Vue模板语法纠错等。
1、在扩展市场中搜索并安装 "ESLint" 或 "Prettier" 插件。
2、确保项目根目录存在 .eslintrc.js 或 prettier.config.js 配置文件。
3、重启VSCode后，Quick Fix菜单将新增 "Fix this ESLint issue" 等上下文选项。
