最新最全 VSCODE 插件推荐（2021版）

目录

一、主题及图标

二、功能强化

三、Git 集成

四、数据库

五、编程美化

六、开发效率

七、前端开发

八、数据分析

九、修仙插件

一、主题及图标GitHub Theme

黑白两款皮肤

Material Theme

集成了多种主题皮肤，搭配 Material Icon Theme 食用更佳

Material Icon Theme

扁平化的主题图标库

vscode-icons

VSCode官方出品的图标库

二、功能强化settings sync

同步所有设置和插件

wakatime

编程时间及行为跟踪统计

Polacode

代码截图

Chinese (Simplified) Language Pack for Visual Studio Code

中文语言包

三、Git 集成插件GitHub Pull requests

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

Git Graph

Git 图形化显示和操作

CodeStream: GitHub, GitLab, Bitbucket PRs and Code Review

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

四、数据库Oracle Developer Tools for VS Code

Oracle 数据库支持

SQL Server (mssql)

Microsoft SQL Server 数据库支持

MySQL

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

MongoDB for VS Code

MongoDB 数据库支持

五、编程美化Bracket Pair Colorizer

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

Highlight Matching Tag

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

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

Markdown Preview Enhanced

在 VSCode 里编写 Markdown，支持预览

Image Preview

预览图片

六、开发效率EditorConfig for VS Code

代码风格统一

change-case

更改命名风格

Codelf

给变量起名的神器

Prettier – Code formatter

自动格式化代码

vscode-json

操作美化 json

快捷键

cmd+alt+v，验证cmd+alt+b，格式化cmd+alt+u，压缩cmd+alt+’，加转义字符cmd+alt+;，去转义字符 Regex Previewer

预览正则表达式效果

七、前端开发Auto Rename Tag

自动重命名 HTML或XML 标签

Auto Close Tag

自动添加 HTML/XML 关闭标签

Path Intellisense

智能路径提示

npm IntellisenseTurbo Console Log

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

快捷键

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

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

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

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

css-auto-prefix

如图

CSS Peek

查看 css 定义

八、数据分析Sort lines

对当前文本排序

Data Preview

预览数据文件

九、修仙插件LeetCode

刷题利器

VSC Netease Music

网易云音乐（程序员版）

daily anime

追番神器