VSCode必装插件合集_VSCode自动检测代码错误神器【精选】-VSCode-PHP中文网

VSCode本身不检测逻辑错误，所谓“自动检测”依赖ESLint等插件组合及正确配置：需匹配语言模式、配置项目级规则文件（如.eslintrc.cjs）、启用eslint.enable，且TypeScript项目须开启strict模式才能捕获类型流逻辑问题。

vscode必装插件合集_vscode自动检测代码错误神器【精选】

VSCode 本身不检测逻辑错误，所谓“自动检测代码错误”全靠插件组合实现——ESLint 是核心守门员，但必须配对 Prettier、正确语言模式和项目级配置，否则标红不准、修复失效、甚至误报漏报。

常见错误现象：No ESLint configuration found、修改后无波浪线、保存不自动修复、undefined 变量不报错。

确认右下角状态栏显示的是 JavaScript React 或 TypeScript React，不是纯 JavaScript——后者会跳过 JSX/TSX 中的 props 校验和 hook 规则
项目根目录必须有配置文件：.eslintrc.cjs（推荐）或 .eslintrc.js；纯 .eslintrc（无后缀）会被忽略
检查 settings.json 是否禁用了关键项："eslint.enable": true 和 "eslint.format.enable": false（后者必须关，否则会和 Prettier 冲突）

使用场景：保存时既检查语法又格式化代码，但不希望 Prettier 把 === 改成 ==，也不希望 ESLint 自己去动缩进。

在 .prettierrc 中定义格式细节：{"tabWidth": 2, "semi": false, "singleQuote": true}
在 .eslintrc.cjs 中显式关闭所有格式类规则：extends: ["eslint:recommended", "prettier"]，并安装 eslint-config-prettier
确保 settings.json 中只设一个默认 formatter："editor.defaultFormatter": "esbenp.prettier-vscode"，且 "editor.formatOnSave" 开启

这是设计使然，不是插件失效。Code Spell Checker 默认只检查字符串字面量、注释和 Markdown 文本，不扫描变量名、函数名、属性名。

VSCode

避免常见的 VSCode 错误——设置冲突、调试器配置和扩展冲突。

下载

想查 const userNmae = 'test' 这类低级拼写错误？得靠 ESLint 的 no-undef（未定义变量）和 no-unused-vars（未使用变量），不是拼写插件
如果注释里写了 // this fucntion does... 却没标红，检查 cSpell.language 是否包含 "en"，以及 cSpell.enabled 是否为 true
项目专属词如 zustand、vitepress 必须加进 .cspell.json 的 words 字段，右键「Add to workspace dictionary」才生效

ESLint 对 if (user.role === 'admin') { ... } else { api.deleteUser() } 这种业务逻辑完全沉默——它不知道 role 是否可能为空、deleteUser 是否该在 else 分支执行。

TypeScript 项目开启 "strict": true 后，tsserver 才能捕获 user?.role 解构空值、switch 漏分支等类型流逻辑问题
JavaScript 项目建议补上 eslint-plugin-react-hooks（防 hook 依赖错误）和 eslint-plugin-jsx-a11y（防可访问性逻辑缺陷），它们覆盖的是特定上下文中的“逻辑”
终端报错如 Cannot read property 'map' of undefined，靠的是运行时，不是静态分析；想提前发现，得写单元测试或用 ts-jest + 类型断言