优秀的编程知识分享平台

网站首页 > 技术文章 正文

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

nanyue 2025-01-10 15:57:45 技术文章 2 ℃

我基本上每天都用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的代码很有帮助。



功能类(6个)

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的时候非常有用。


最近发表
标签列表