VSCode插件大全

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

一、必备插件

1.Chinese（中文）

作用：将VSCode从英文变为中文

一般来说按照完重启即可，如无效果按快捷键Ctrl+Shift+P，输入

configure language

2.Settings Sync（配置同步到云端）

作用：可以让我们的vscode配置同步到云端，当我们跟换电脑或者再次安装vscode的时候，只需要登录账号即可同步配置了

可以登录GitHub或者Microsoft账户

二、效率插件

1.HTML Snippets（代码提示）

作用：HTML代码片段，该插件可为你提供html标签的代码提示，不用键入尖括号了

2.Auto Close Tag（自动闭合标签）

作用：自动闭合HTML/XML标签

// 输入
<MyTag>
// 就可以自动补全
<MyTag>MyTag>

3.Bracket Pair Colorizer（括号做颜色区分）

作用：多个内嵌括号展示不同颜色

4.CSS Peek（css样式查看器）

作用：

1. 按住Ctrl键将鼠标悬停在元素的类名或元素ID上，就可以看到应用于这个元素的 CSS 规则。
2. 它还有一个“转到”特性，按住Ctral键点击立即跳转到应用于元素的 CSS 规则。
   

5.Image preview（预览图片）

作用：将鼠标悬停在图片路径时可显示图片

6.Prettier - Code formatter（自动格式化代码）

作用：按住ctrl+shift+f可以自动格式化代码

7.Auto Rename Tag(自动重命名 HTML或XML 标签)

作用：自动重命名 HTML或XML 标签

即修改一个标签对应的标签名也会修改

三、美化

1.Material Icon Theme（主题图标库）

作用：修改文件夹列表的文件图标