这篇文章主要介绍了这么多年来我在使用 vscode 过程中用到的一些不错的插件。这些vscode插件，帮你打造地表最强ide！

一、主题及图标

GitHub Theme

黑白两款皮肤

Material Theme

集成了多种主题皮肤，搭配 Material Icon Theme 食用更佳。【推荐学习：vscode教程、编程教学】

Material Icon Theme

扁平化的主题图标库

vscode-icons

VSCode官方出品的图标库

二、功能强化

settings sync

同步所有设置和插件

wakatime

编程时间及行为跟踪统计

Polacode

代码截图

Chinese (Simplified) Language Pack for Visual Studio Code

中文语言包

Material Theme0

在Visual Studio Code中查看和管理GitHub拉取请求和问题

Material Theme1

Git 图形化显示和操作

Material Theme2

团队协作开发，评审，讨论

Material Theme3

Oracle 数据库支持

Material Theme4

Microsoft SQL Server 数据库支持

Material Theme5

支持 MySQL/MariaDB, Microsoft SQL Server, PostgreSQL, Redis, and ElasticSearch

Material Theme6

MongoDB 数据库支持

Material Theme7

给匹配的括号上色，可以自定义配置

注意：该插件已经内置到 vscode，不用重复安装，

设置方法：setting 里搜索 editor.bracketPairColorization.enabled，设置为 true 即可生效

Material Theme8

突出显示匹配的开始和/或结束标签
官方支持的标记：HTML和JSX。其他样式（XML，Vue，Angular，PHP）也可以使用，但不能保证正常使用。

在状态栏中显示标记的路径

Material Theme9

在 VSCode 里编写 Markdown，支持预览

vscode教程0

预览图片

vscode教程1

代码风格统一

vscode教程2

更改命名风格

vscode教程3

给变量起名的神器

vscode教程4

自动格式化代码

vscode教程5

操作美化 json

快捷键

• cmd+alt+v，验证
• cmd+alt+b，格式化
• cmd+alt+u，压缩
• cmd+alt+'，加转义字符

• cmd+alt+;，去转义字符

vscode教程6

预览正则表达式效果

vscode教程7

自动重命名 HTML或XML 标签

vscode教程8

自动添加 HTML/XML 关闭标签

vscode教程9

智能路径提示

编程教学0

编程教学1

快速添加 console.log 信息，js debug 必备

快捷键

ctrl + alt + l 选中变量之后，使用这个快捷键生成 console.log

alt + shift + c 注释所有 console.log

alt + shift + u 启用所有 console.log

alt + shift + d 删除所有 console.log

编程教学2

如图

编程教学3

查看 css 定义

编程教学4

对当前文本排序

编程教学5

预览数据文件

编程教学6

刷题利器

编程教学7

网易云音乐（程序员版）

编程教学8

追番神器

更多关于VSCode的相关知识，请访问：vscode教程！！