ESLint实时检测并修复代码问题，支持主流规范；2. Prettier统一代码格式，避免风格争议；3. JavaScript (ES6) code snippets提供常用语法片段提升编码速度；4. Path Intellisense自动补全文件路径减少错误；5. Auto Rename Tag同步重命名标签避免遗漏；6. Bracket Pair Colorizer高亮括号提升嵌套结构可读性。
提升 JavaScript 开发效率，VSCode 有不少实用插件值得安装。下面这些插件覆盖语法提示、代码格式化、错误检查和调试支持，是大多数 JavaScript 开发者常用的组合。
1. ESLint
实时检测代码中的潜在问题和风格不一致，支持自定义规则或集成主流规范（如 Airbnb、Standard）。保存文件时可自动修复部分问题，确保团队代码风格统一。
- 与项目中的 .eslintrc 配置文件配合使用
- 支持 Vue、React 等框架的扩展规则
- 可在设置中开启“自动修复保存”
2. Prettier - Code Formatter
专注于代码格式化，支持 JavaScript、JSX、TypeScript、JSON 等。可统一缩进、引号、括号等样式，避免团队因格式争论浪费时间。
- 建议与 ESLint 配合使用，用 Prettier 格式化，ESLint 检查逻辑
- 可通过 .prettierrc 配置个性化格式规则
- 设置中启用“默认格式化工具”为 Prettier
3. JavaScript (ES6) code snippets
提供常用 JS 语法的代码片段，比如 const、arrow function、destructuring 等，输入简写即可快速生成代码。
立即学习“Java免费学习笔记（深入）”；
- 例如输入
clg回车，自动生成console.log() - 支持 React 片段（需确认插件是否包含）
- 减少重复敲写，提高编码速度
4. Path Intellisense
自动补全文件路径，导入模块时不再手动输入相对路径。尤其在复杂目录结构中非常实用。
- 输入
./后会弹出当前目录文件供选择 - 支持图片、CSS、JS 等常见文件类型
- 避免拼写错误导致的引入失败
5. Auto Rename Tag
修改 HTML 或 JSX 标签时，自动重命名闭合标签。对 React/Vue 开发者特别友好。
- 改
<div>为<section>，</div> 自动变成</section> - 减少手动修改遗漏导致的语法错误
6. Bracket Pair Colorizer（或内置功能替代）
给匹配的括号添加颜色高亮，便于识别嵌套结构。VSCode 新版本已内置类似功能（"括号配对颜色"），可先检查是否需要额外安装。
- 深层嵌套函数或对象字面量时更清晰
- 支持多种配色方案
基本上就这些。搭配使用以上插件，JavaScript 开发体验会顺畅很多。根据项目类型（如 React、Node.js），还可额外添加框架专属插件，但上述几个属于通用必备。
