VSCode前端必备插件清单
Auto Close Tag 自动添加匹配的结束标签，当用户键入开始标签后，插件会自动补全相应的关闭标签，提高编写HTML、XML等标记语言时的效率。Auto Rename Tag 修改一个标签的名字时，插件会自动更新其对应的结束标签，确保成对标签始终保持同步。Chinese (Simplified) Language Pack for Visual Studio Code ms 提供简体中文语言包，将VSCode的用户界面和提示消息翻译为简体中文。Color Highlight 高亮显示代码中的颜色值（如CSS颜色代码），提供可视化预览，便于开发者快速识别和选择颜色。CSS Peek 允许用户在HTML文件中对CSS类和ID进行悬停查看或点击跳转，直接查看定义这些样式的CSS规则。**JavaScript Debugger (Debugger for Chrome已弃用)** 虽然“Debugger for Chrome”已被弃用，但替代的JavaScript Debugger插件依然提供在Chrome浏览器中调试JavaScript代码的能力，包括断点设置、变量检查、调用栈查看等功能。Document This 为TypeScript和JavaScript文件生成高质量的文档注释，包括函数、类、方法、属性等元素的描述、类型和参数信息。ESLint 集成ESLint代码检查工具，实时检测JavaScript和TypeScript代码中的潜在错误、风格问题和不符合项目规范的地方，并提供代码修正建议。filesize 在状态栏显示当前编辑文件的大小，帮助开发者了解文件的体积。Git History 查看项目的Git历史记录，包括提交日志、文件变更对比、作者信息等，支持图形化展示和搜索功能。GitLens 强化VSCode的Git功能，提供丰富的代码注释、 blame信息、比较视图、代码复用探索等高级特性，提升本地Git项目管理体验。HTML Snippets 提供HTML代码片段，通过输入缩写自动补全常见的HTML标签结构，加快编写HTML文档的速度。JavaScript (ES6) code snippets 提供ES6语法的JavaScript代码片段，方便快速编写现代JavaScript代码，涵盖箭头函数、解构赋值、模板字符串等常用语法。Markdown Preview Enhanced 增强Markdown预览功能，支持数学公式、图表、代码高亮、目录、TOC、自定义CSS等多种扩展特性，提升Markdown文档的编写和阅读体验。markdownlint 集成markdownlint规则，对Markdown文档进行语法检查和样式规范校验，确保文档一致性与质量。npm 提供npm脚本运行和包管理相关功能，如在VSCode内执行npm install、npm run等命令。npm Intellisense npm友好化 增强对npm包的智能感知，自动补全package.json文件中的依赖项名称以及导入语句中的模块路径。Path Intellisense 在编写文件路径或导入语句时，提供智能路径补全建议，包括项目内的文件和目录。Settings SyncSVG Viewer 内嵌SVG查看器，直接在VSCode中预览SVG文件内容，支持缩放和平移操作。TODO Highlight Todo Tree 高亮显示代码中的TODO、FIXME等注释标记，可配合Todo Tree插件提供侧边栏任务列表，方便跟踪待办事项。Vetur 针对Vue.js项目的综合支持插件，包括语法高亮、代码片段、ESLint集成、模板/脚本/样式文件的语法检查和格式化等。Vue 2 Snippets 提供Vue 2.x版本的代码片段，快速构建Vue组件、指令、生命周期方法等常见代码结构。VueHelper 提供一系列辅助功能，如快速导航到Vue组件的定义、查看Vue文件依赖关系、格式化Vue单文件组件等，增强Vue开发体验。Bracket Pair Colorizer 为配对的括号、引号等符号着色，通过不同颜色区分各个层次的代码块，提高代码可读性。change-case 通常用于转换字符串的大小写格式，如将驼峰式、下划线、短横线等命名风格相互转换。
