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

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

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

可视化类(4 个)

1.Material theme 和Material Icon Theme

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

ad2ddc9edad8dbd538633b5e7f630756.png

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

00ab9edfe0c54234e413aaf86b395392.png

2.Prettier

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

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

bdd45792fe6f2df7e27bddd038ffd74f.png

3.Bracket pair colorizer 2

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

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

555bd3123208ec1809c320c659b3bfca.png

4.Indent rainbow

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

ab93aa7ac59351a00a4f882f2041019b.png

Python 必备

功能类(6个)

1.Auto Rename Tag

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

eb5e3efcd81cec91efff56a4fd743edc.png

2.Rest client,

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

57ae59e00d8062cf4f8964bada078341.png

3.CSS peek

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

8f1514c6347b6798dc6732449127d757.png

4.html css support,

自动提示CSS的样式

a276af85bd33cb146fb4ac41035ca71b.png

5.Live Sass compiler

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

87ef4841e0642e930add9154e1aaea90.png

6.live server

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

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

49427f711270a34532c80e37cf51cc37.png
  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值