VSCode插件不能直接解决报错，但能实现写时标红、一键定位与修复；关键在于精准配置ESLint规则、适配文件类型、合理启用自动修复，并协同Prettier分工、借助Error Lens增强提示、用JavaScript Booster优化表达。
VSCode 插件本身不会“解决报错”，但能帮你把 JS 报错从“运行时才发现、靠猜、靠试”变成“写完就标红、点一下就知道哪错了、按个键就能修”。关键不在装得多，而在装得准、配得对。
ESLint 插件为什么一开就满屏报错？
不是插件有问题，是你项目里没配置规则，它默认套用了 ESLint 内置的严格规则（比如 no-unused-vars、no-undef），而你的代码恰好踩中了这些坑。
- 检查项目根目录有没有
.eslintrc.cjs或.eslintrc.js；没有就新建一个，至少写上基础配置：
module.exports = {
env: { browser: true, es2021: true },
parserOptions: { ecmaVersion: 12, sourceType: 'module' },
rules: { 'no-console': 'warn', 'no-unused-vars': 'off' }
};
-
eslint.validate默认只校验javascript，如果你写的是.ts、.vue或.jsx，得手动在settings.json里加进去：
"eslint.validate": ["javascript", "typescript", "vue", "javascriptreact"]
- 别急着开
eslint.autoFixOnSave——有些规则（比如eqeqeq）不能安全自动修复，先关掉，用Ctrl+Shift+P→ “ESLint: Fix all auto-fixable problems” 手动触发更可控。
Error Lens 让错误不再“藏在波浪线下”
ESLint 标红后你得凑近看、还得悬停等提示，Error Lens 直接把错误信息怼到行尾或边距，一眼扫过去就知道哪行废了。
- 它依赖 ESLint 或 TypeScript Server 输出的诊断信息，所以必须先确保 ESLint 插件已启用且能正常跑出结果；
- 默认会显示完整错误消息，如果太挤，可在设置里调低
errorLens.showErrorMessage的字符数限制； - 和 ESLint 不冲突，但若同时开了
editor.inlineSuggest.enabled，偶尔会抢光标焦点，遇到就关掉内联建议。
JavaScript Booster：重构不是“改代码”，是“换表达方式”
很多 JS 报错其实源于写法陈旧或语义模糊，比如 var 声明、拼接字符串、冗长 if-else，JavaScript Booster 的灯泡（?）就是专治这类“可读性报错”的。
- 光标停在
var name = 'Alice'上，点灯泡 →Convert to const，立刻转成不可变声明； - 遇到
'Hello ' + name + '!'，灯泡弹出Replace with template string，一键转成`Hello ${name}!`； - 写
if (x > 0) return true; else return false;，它会建议Replace with ternary，变成return x > 0 ? true : false;（甚至进一步简化为return x > 0;）； - 注意：它不修改逻辑，只优化表达。但如果你用了
eval或动态作用域变量，它会跳过——这是保护机制，不是 bug。
Prettier 和 ESLint 别打架，先分清谁管什么
报错频繁还修不好？大概率是 Prettier 在格式化、ESLint 又在检查格式，两边规则反着来，比如 Prettier 强制单引号，ESLint 却设了 quotes: ["error", "double"]。
- 在
.prettierrc里定好格式底线：{"semi": false, "singleQuote": true, "tabWidth": 2}； - 在 ESLint 配置里加
extends: ["prettier"]，或直接装eslint-config-prettier关掉所有格式类规则； -
settings.json中明确分工："eslint.format.enable": false（ESLint 不格式化）、"editor.formatOnSave": true（Prettier 负责格式化）； - 切记：Prettier 不检查
undefined变量或Promise未处理，这些必须靠 ESLint；反过来，ESLint 也不该管缩进空格数——那是 Prettier 的地盘。
真正卡住人的，往往不是某个插件装没装，而是 ESLint 规则和 Prettier 格式在暗处互相抵消，或者 Error Lens 显示的错误根本不是 ESLint 报的，而是 TypeScript Server 混进来的。多看一眼状态栏右下角的提示来源，比盲目重装插件有用得多。
