提升幸福度的 VSCode 插件推荐（2022版）

目录

一、主题及图标

二、功能强化

三、Git 集成

四、数据库

五、编程美化

六、开发效率

七、前端开发

八、数据分析

九、修仙插件

1主题及图标

GitHub Theme

黑白两款皮肤

Material Theme

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

Material Icon Theme

扁平化的主题图标库

vscode-icons

VSCode官方出品的图标库

2功能强化

settings sync

同步所有设置和插件

wakatime

编程时间及行为跟踪统计

Polacode

代码截图

Chinese (Simplified) Language Pack for Visual Studio Code

中文语言包

3Git 集成插件

GitHub Pull requests

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

Git Graph

Git 图形化显示和操作

CodeStream: GitHub, GitLab, Bitbucket PRs and Code Review

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

4数据库

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 数据库支持

5编程美化

Bracket Pair Colorizer

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

Highlight Matching Tag

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

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

Markdown Preview Enhanced

在 VSCode 里编写 Markdown，支持预览

Image Preview

预览图片

6开发效率

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

预览正则表达式效果

7前端开发

Auto Rename Tag

自动重命名 HTML或XML 标签

Auto Close Tag

自动添加 HTML/XML 关闭标签

Path Intellisense

智能路径提示

npm Intellisense

Turbo 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 定义

8数据分析

Sort lines

对当前文本排序

Data Preview

预览数据文件

9修仙插件

LeetCode

刷题利器

VSC Netease Music

网易云音乐（程序员版）

daily anime

追番神器

copilot

自己写注释，函数名，然后自动生成代码。

对于程序员来说即使好事也是坏事，摊手ing