在 VSCode 里进行前端开发，有不少实用的插件能提升开发效率与代码质量，以下是一些常用插件：
# 支持多种前端语言，能依据预先设定的规则自动格式化代码，保证代码风格统一。
1. Prettier - Code formatter
# 可以对 HTML、CSS、JavaScript 等代码进行美化，让代码结构更清晰。
2. Beautify
# 检查 JavaScript 和 TypeScript 代码，及时发现潜在问题与不规范之处，并提供修复建议。
3. ESLint
# 针对 CSS、SCSS、Less 等样式表语言，检查代码规范，保证样式代码质量。
4. Stylelint
# Vite 是一个构建工具，它提供了一种更高效的构建方式，可以快速编译和打包前端代码。借助 Vite，你可以在 VSCode 中使用 Vite 的开发服务器，实现快速编译和打包前端代码。
5. Vite
# 自动关闭 HTML 标签，当你在 HTML标签中输入时，它会自动关闭标签，避免错误。
6. Auto Close Tag
# 自动重命名 HTML 标签，当你在 HTML 标签中修改时，它会自动更新标签名，保持一致性。
7. Auto Rename Tag
# 在开发过程中，你可能会同时参与多个项目。借助 Project Manager，可以把常用项目添加到管理列表中，通过简单操作就能在不同项目间快速切换，无需再从文件资源管理器里逐个查找。
8. Project Manager
# TONGYI Lingma 是一款结合了人工智能技术的 VSCode 插件，它允许你创建、存储和管理自定义代码片段。在编写代码时，你可以快速调用这些片段，减少重复代码的输入，显著提高编码效率。比如，在前端开发中，你可以将常用的 HTML 结构、CSS 样式或 JavaScript 函数保存为代码片段，需要时一键插入。
9. TONGYI Lingma
# 通过AI智能分析代码，提供代码注释、代码优化、代码重构等辅助功能，提高开发效率。你只需用自然语言描述需求，CodeGPT 就能自动生成相应的代码。
10. CodeGPT
# CodeGPT 是一款结合了人工智能技术的 VSCode 插件，它允许你创建、存储和管理自定义代码片段。在编写代码时，你可以快速调用这些片段，减少重复代码的输入，显著提高编码效率。比如，在前端开发中，你可以将常用的 HTML 结构、CSS 样式或 JavaScript 函数保存为代码片段，需要时一键插入。
11. Cline
# MongoDB 是一个开源的 NoSQL 数据库，它提供了一种灵活的存储方式，适用于各种应用场景。借助 MongoDB for VSCode，你可以在 VSCode 中使用 MongoDB 的查询语言和命令，实现对数据库的查询、更新和删除等操作。
12. MongoDB for VSCode
# MDX 是一种 Markdown 扩展，它允许在 Markdown 文档中嵌入 React 组件，从而实现更丰富的格式化和交互功能。借助 MDX，你可以在 VSCode 中使用 React 组件，实现更丰富的格式化和交互功能。
13. MDX
# GitLens 是一个 VSCode 插件，它提供了 Git 的增强功能，如 blame、history、references 等，可以轻松查看代码的提交历史、修改记录和引用。
14. GitLens
# git-commit-plugin 是一个 VSCode 插件，它提供了 Git 的提交规范功能，可以轻松规范提交信息，提高代码质量。
15. git-commit-plugin
# any-rule 是一个 VSCode 插件，它提供了海量常见的正则表达式规则，涵盖了诸如邮箱、手机号码、身份证号、URL、日期格式等各类常用的校验规则。你无需再花费时间去网上搜索或者自己编写复杂的正则表达式，直接在插件里就能找到合适的规则。
16. any-rule