ChatGPT精选的66款vscode插件

牙叔教程 简单易懂

提示语Prompt

我要写一篇文章, 给别人推荐vscode插件
要求如下：
格式要求：文章使用 Markdown 语法，并严格区分标题
插件介绍：最多两句话, 介绍完以后, 加上插件的链接
插件分类: 插件要分类介绍, 功能相似或者相关的插件放在一起
插件数量: 66个

下面是ChatGPT生成的内容

---

推荐66个VSCode插件

作为一名程序员，VSCode 是我们日常工作中最常用的代码编辑器之一，而 VSCode 的强大之处不仅仅在于它本身，更在于它丰富的插件生态。下面是我推荐的 66 个 VSCode 插件，希望对大家有所帮助。

代码编辑类插件

1. Bracket Pair Colorizer：高亮显示括号，提高代码可读性。插件链接
2. Prettier：代码格式化插件，支持多种语言。插件链接
3. Auto Close Tag：自动闭合 HTML 标签。插件链接
4. Auto Rename Tag：修改 HTML 标签时自动修改对应的结束标签。插件链接
5. Import Cost：在导入语句中显示模块大小。插件链接
6. Code Spell Checker：检查代码中的拼写错误。插件链接
7. GitLens：更好的 Git 集成，可以查看代码的作者、时间、提交信息等。插件链接

主题类插件

1. Material Icon Theme：更美观的文件图标。插件链接
2. One Dark Pro：GitHub 的 VSCode 主题。插件链接
3. Dracula Official：Dracula 的 VSCode 主题。插件链接
4. Night Owl：暗黑主题，适合长时间编写代码。插件链接

调试类插件

1. Debugger for Chrome：在 VSCode 中调试 Chrome。插件链接
2. Debugger for Firefox：在 VSCode 中调试 Firefox。插件链接
3. Python：Python 调试插件。插件链接
4. Java Debug：Java 调试插件。插件链接

前端开发类插件

1. Live Server：自动刷新浏览器，方便前端开发。插件链接
2. HTML CSS Support：HTML 和 CSS 智能提示。插件链接
3. IntelliSense for CSS class names：CSS 类名智能提示。插件链接
4. CSS Peek：在 HTML 文件中跳转到对应的 CSS 样式。插件链接
5. Path Intellisense：路径智能提示。插件链接
6. HTML Snippets：HTML 代码片段。插件链接
7. JavaScript (ES6) code snippets：ES6 代码片段。插件链接
8. ES7 React/Redux/GraphQL/React-Native snippets：React 代码片段。插件链接
9. Vue 3 Snippets：Vue 3 代码片段。插件链接
10. Auto Import：自动导入代码。插件链接

后端开发类插件

1. REST Client：发送 HTTP 请求并查看响应。插件链接
2. Better Comments：更好的注释体验。插件链接
3. Docker：Docker 插件。插件链接
4. Kubernetes：Kubernetes 插件。插件链接
5. Go：Go 语言插件。插件链接
6. C++：C++ 语言插件。插件链接

数据库类插件

1. SQL Server (mssql)：SQL Server 插件。插件链接
2. MySQL：MySQL 插件。插件链接
3. MongoDB for VSCode：MongoDB 插件。插件链接

工具类插件

1. Todo Tree：将 TODO 注释显示在树形视图中。插件链接
2. Code Runner：在 VSCode 中运行代码。插件链接
3. Git History：查看 Git 历史记录。插件链接
4. Bookmarks：添加代码书签。插件链接
5. Rainbow Brackets：将括号按不同颜色高亮显示。插件链接
6. Code Spell Checker：拼写检查。插件链接
7. Markdown All in One：Markdown 工具集。插件链接
8. Better Align：代码对齐。插件链接
9. GitLens：Git 增强插件。插件链接
10. Indent Rainbow：按缩进级别高亮显示代码。插件链接
11. Color Highlight：高亮显示颜色代码。插件链接
12. Path Autocomplete：自动补全路径。插件链接
13. ASCII Tree Generator：生成 ASCII 树形结构。插件链接
14. Open in GitHub：在 GitHub 上打开当前文件。插件链接
15. VS Live Share：实时协作。插件链接
16. Peacock：为不同的 VSCode 实例设置不同的颜色。插件链接
17. Code Spell Checker：拼写检查。插件链接
18. Remote Development：远程开发。插件链接

其他类插件

1. Todo Highlight：高亮显示 TODO 注释。插件链接
2. Emoji：Emoji 表情插件。插件链接
3. Code Time：代码时间统计插件。插件链接
4. Material Theme Icons：Material Design 风格的图标。插件链接
5. CodeMetrics：代码度量插件。插件链接
6. vscode-icons：VSCode 图标集。插件链接

Markdown 插件

1. Markdown Preview Enhanced：Markdown 预览插件。插件链接
2. Markdown All in One：Markdown 工具集。插件链接
3. Markdown Lint：Markdown 语法检查插件。插件链接
4. Markdown TOC：自动生成目录。插件链接
5. Paste Image：将剪贴板中的图片粘贴到 Markdown 中。插件链接
6. Markdown PDF：将 Markdown 转换为 PDF。插件链接

中文插件

1. Chinese (Simplified) Language Pack for Visual Studio Code：中文语言包。插件链接
2. VSCode 中文文档：VSCode 中文文档。插件链接

---

公众号 牙叔教程