当前位置：网站首页 > IT知识 > 正文

10个必备的Visual Studio Code (VS code)插件

liuian 2025-07-23 16:11 94 浏览

我基本上每天都用vs code，我喜欢的小巧，开源，免费并且非常强大。尤其它非常多的插件可以免费使用。这里我把经常用插件介绍给大家，希望大家留言讨论

我把VS code 插件分两类，一类是处理可视化的，比如说颜色，格式等等，第二类是功能类，就是帮助我快速开发的。

可视化类（4 个）

1.Material theme 和Material Icon Theme

安装material theme完之后，可以选择多种样式，根据自己的喜好，我喜欢material theme darker high contrast。

Material Icon Theme是关于图标的样式，非常的好看，直接安装就行。

2.Prettier

从名字上看，就知道它是用做格式化的，非常方面，我建议大家打开自动保持的设置，默认是关闭的。

一旦打开，在文件保存的时候，就会自动的格式化。

3.Bracket pair colorizer 2，

这插件允许用同颜色匹配的括号。用户可以定义要匹配的符号，以及对应的颜色。

bracket pair colorizer有两个版本，我选择第二个使用与VSCode相同的括号解析引擎，从而大大提高了速度和准确性。

4.Indent rainbow

这个插件使文本前面的缩进着色，每步交替四种不同的颜色。对于编写Nim或Python的代码很有帮助。

1.Auto Rename Tag

从名字可以看出来，它是用来重命名一个HTML / XML标签时，自动重命名配对的HTML / XML标签，这个用起来非常节省时间。

2.Rest client,

这个插件跟post man功能一样，但是非常的简洁，方便。用了这个就不用来回在post man之间切换了。

3.CSS peek

允许窥视CSS ID和class strings从html文件到相应CSS的定义。允许窥视和转到定义。

4.html css support,

自动提示CSS的样式

5.Live Sass compiler

这个插件，可通过浏览器加载来帮助您实时将SASS / SCSS文件编译/转换为CSS文件。

6.live server

启动具有实时重新加载功能的本地开发服务器，以处理静态和动态页面。

在开发调试web的时候非常有用。