vscode实用插件（VScode 常用插件推荐，非常全面）
一 、主题美化
Peacock可以为 VScode 中的不同项目添加不同的颜色主题 ，方便区分不同项目 。
效果图：
Material Theme为 VScode 提供 Material Design 风格的主题 。
Material Theme Icons为 VScode 中的文件和文件夹添加 Material Design 风格的图标 。
background给 Visual Studio Code 添加背景 ，也可以自定义背景图片 。
效果图：
Power Mode炫酷的敲代码插件 。
效果图：
Rainbow CSV对 CSV 文件进行语法高亮 ，方便查看和编辑 。
效果图：
Indent Rainbow为缩进添加彩虹色条带 ，方便识别缩进层次 。
效果图：
Polacode生成漂亮的代码截图的插件 。
效果图：
二 、检查格式化
ESLint用于 JavaScript/TypeScript 代码的语法检查和格式化 。
Prettier - Code formatter代码格式化插件 ，支持多种语言 。
Prettier ESLint代码格式化 。
StylelintCSS代码检查工具 ，包括捕捉错误 、最佳实践 、控制可以使用的语言特性和强制代码风格规范 。
效果图：
三 、编程美化
Document This主要针对JavaScript 和 TypeScript 语言生成注释 。
效果图：
Better Comments一款美化注释的插件 ，可以根据不同种类的注释 ，显示不同的颜色 ，一目了然 ，提高注释可读性 。
效果图：
Rainbow Brackets在代码中使用彩虹色高亮括号 ，方便识别括号嵌套层次 。
效果图：
四 、集成插件
Docker集成 Docker 环境 ，方便在 VScode 中管理容器和镜像 。
PostCode在 vscode 里面使用 postman
效果图：
REST Client可直接在 VScode 中发起 HTTP 请求 ，方便测试和调试 API 。
效果图：
Live Server为 HTML 、CSS 和 JavaScript 提供实时预览和自动刷新 ，在浏览器中实时预览静态网页的插件 。
效果图：
Code Runner支持多种编程语言的代码运行器 。
TabnineAI 辅助自动补全插件 ，支持多种语言 。
效果图：
GitLens用于集成 Git 功能 ，提供更多的 Git 信息和可视化操作 。
效果图：
Git History可以查看 Git 历史记录和提交详细信息 。
效果图：
Remote Development远程开发插件 ，可以在 VScode 中远程连接到远程主机或容器中开发 。
效果图：
五 、开发效率
Vetur/volarvue/vue3语法高亮 、智能感知 、Emmet等, 包含格式化功能 。
Codelf变量命名神器
效果图：
WXML - Language Service微信小程序 .wxml 文件代码高亮 ，标签 、属性的智能补全（同时支持原生小程序 、mpvue 和 wepy 框架 ，并提供 code snippets） 。
效果图：
XML ToolsXML 文件增强插件 ，提供 XML 文件的语法提示 、自动补全 、格式化等功能 。
Auto Rename Tag自动重命名成对的HTML标记 ，修改开始标签 ，结束标签会同步修改 。
效果图：
json2ts效果图：
px to rem & rpx (cssrem)自动换算单位的插件 。很简单 ，出现提示以后回车即可 。
效果图：
CSS Peek可以通过点击类名迅速定位到样式的定义 。但不支持less 、stylus的嵌套
效果图：
IntelliSense for CSS/SCSS/Less提供 CSS 、SCSS 和 Less 的语法提示和自动补全 。
效果图：
Path Intellisense提供文件路径的自动补全和提示 。
效果图：
Image preview预览代码中图片的引用 ，鼠标移上去就会有小窗展示图片 。
效果图：
Trailing Spaces把尾随空格显示出来 。
效果图：
Auto Close Tag自动闭合 HTML/XML 标签的插件 ，避免输入错误的标签闭合造成的问题 。
效果图：
HTML CSS Support在 HTML 文件中提供 CSS 的语法提示和自动补全功能 。
Bookmarks为代码添加书签 ，方便在文件中快速跳转 。
效果图：
Error Lens将编辑器诊断出的警告 、错误 、语法问题（提示的波浪线）等 ，以用颜色填充行背景的方式突出提示 ，并将诊断信息显示在尾部 。
效果图：
Project Manager项目管理 ，方便进入任何项目
效果图：
六 、数据分析
VS Code Counter统计代码总行数 、注释行数 、空白行数 ，以及使用的语言 。
效果图：
Import Cost在导入语句中显示导入模块的大小的插件 。
效果图：
filesize在状态栏中显示当前文件大小 。
效果图：
七 、学习一下
Code Spell Checker检查代码中单词拼写是否正确 ，当单词不正常的时候 ，就会在下方出现波浪线进行提示 ，还可以自定义词典 ，忽略某个单词的检查等 。
效果图：
A-super-translate划词翻译 。鼠标停留选中几秒就会查看翻译内容 。
效果图：
会了吧打开源码可以自动分析所有包含的英语单词 ，并显示解释结果 ，先学单词再看代码
八 、摸鱼神器
LeetCode在线LeetCode刷题
效果图：
fisher独创4种最隐蔽最安全摸鱼方式,其中猥琐模式/安全模式 ，极为隐蔽 ，瞒天过海 ，暗度陈仓 。
效果图：
4399 on VSCode玩一会 4399 小游戏, 放松身心, 劳逸结合, 更好地开始接下来的工作 。
效果图：
VSC Netease Music网易云音乐程序员版 ，使用 Webview 实现 ，通过 HTMLAudioElement 播放音乐 ，不依赖命令行播放器
效果图：
韭菜盒子VSCode 里也可以看股票 & 基金实时数据 ，做最好用的投资插件 。
效果图：
Rainbow FartVSCode Rainbow Fart是一个在你编程时持续夸你写的牛逼的扩展 ，可以根据代码关键字播放贴近代码意义的真人语音 。
九 、其他
Partial Diff查看哪里修改了代码 、查看输出的日志信息有什么区别等等 。
Chinese为 VS Code 提供本地化中文界面 。
Todo Tree可以扫描代码中的注释并生成待办事项列表 ，方便管理任务 。
效果图：
Vim为 VScode 添加 Vim 的编辑模式 。
Markdown Preview Enhanced提供更多的 Markdown 预览和导出选项 ，预览窗口内置于 vscode 中 。
效果图：
Markdown PDFMarkdownPDF可将Markdown文件转换为pdf 、html 、png或jpeg文件
效果图：
Markdown All in One为 Markdown 提供语法高亮 、预览 、导出等功能 。
效果图：
创心域SEO版权声明：以上内容作者已申请原创保护，未经允许不得转载，侵权必究！授权事宜、对本内容有异议或投诉，敬请联系网站管理员，我们将尽快回复您，谢谢合作！