VSCode插件大全

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

文章目录 一、必备插件1.Chinese（中文）2.Settings Sync（配置同步到云端） 二、效率插件1.HTML Snippets（代码提示）2.Auto Close Tag（自动闭合标签）3.Bracket Pair Colorizer（括号做颜色区分）4.CSS Peek（css样式查看器）5.Image preview（预览图片）6.Prettier – Code formatter（自动格式化代码）7.Auto Rename Tag(自动重命名 HTML或XML 标签) 三、美化1.Material Icon Theme（主题图标库）

一、必备插件 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标签

// 输入// 就可以自动补全 3.Bracket Pair Colorizer（括号做颜色区分）

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

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

作用：

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

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

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

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

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

作用：自动重命名 HTML或XML 标签 即修改一个标签对应的标签名也会修改

三、美化 1.Material Icon Theme（主题图标库）

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