【前端】常用VsCode插件

根据插件的功能和用途，可以将这些 VSCode 插件分为以下几类，并进行排序：

1. 代码编辑与格式化

1. Prettier - Code formatter
   • 自动格式化代码，支持多种语言。
2. Prettier ESLint
   • 集成 Prettier 和 ESLint，统一代码风格。
3. ESLint
   • 提供 JavaScript 和 TypeScript 的代码质量检查。
4. Stylelint
   • 用于 CSS 和相关语言的代码风格检查。
5. vscode-styled-components
   • 支持 styled-components 的语法高亮和智能感知。
6. Better Folding
   • 提供更灵活的代码折叠功能。
7. Code Spell Checker
   • 检查代码中的拼写错误。

2. 代码辅助与生产力

1. GitHub Copilot
   • AI 驱动的代码补全和生成工具。
2. GitHub Copilot Chat
   • 提供基于聊天的代码辅助功能。
3. Auto Import
   • 自动导入未使用的模块。
4. Path Intellisense
   • 提供文件路径的智能提示。
5. React Native Snippet
   • 提供 React Native 的代码片段，提高开发效率。
6. AI Toolkit for Visual Studio Code
   • 提供 AI 相关的工具支持，如代码生成、调试等。
7. Cline
   • 自主编码代理直接集成在您的 IDE 中，能够创建/编辑文件，执行命令，使用浏览器等，每一步都需您的许可。

3. 语言与框架支持

1. ES7+ React/Redux/React-Native
   • 提供 React 和 React Native 的代码片段和语法支持。
2. DotENV
   • 支持 .env 文件的语法高亮和智能感知。
3. Iconify IntelliSense
   • 提供图标库的智能提示和自动补全。

4. 代码调试与错误处理

1. Error Lens
   • 在编辑器中高亮显示错误和警告。
2. Pretty TypeScript Errors
   • 提供更友好的 TypeScript 错误信息。

5. 代码可视化与工具

1. Color Highlight
   • 高亮显示代码中的颜色值。
2. colorize
   • 提供颜色相关的功能，如颜色预览等。
3. Image preview
   • 在编辑器中预览图片。
4. Live Server
   • 提供本地服务器支持，方便开发和调试 Web 应用。

6. 版本控制与协作

1. GitLens — Git supercharged
   • 提供增强的 Git 功能，如代码历史、分支管理等。