我基本上每天都用vs code,我喜欢的小巧,开源,免费并且非常强大。尤其它非常多的插件可以免费使用。这里我把经常用插件介绍给大家,希望大家留言讨论
我把VS code 插件分两类,一类是处理可视化的,比如说颜色,格式等等,第二类是功能类,就是帮助我快速开发的。
可视化类(4 个)
1.Material theme 和Material Icon Theme
安装material theme完之后,可以选择多种样式,根据自己的喜好,我喜欢material theme darker high contrast。
![ad2ddc9edad8dbd538633b5e7f630756.png](https://i-blog.csdnimg.cn/blog_migrate/577b1cbe03ecfd107a79bd0cc227cfc2.jpeg)
Material Icon Theme是关于图标的样式,非常的好看,直接安装就行。
![00ab9edfe0c54234e413aaf86b395392.png](https://i-blog.csdnimg.cn/blog_migrate/4e81d8ad469b3086b3be96f4c3cdac34.jpeg)
2.Prettier
从名字上看,就知道它是用做格式化的,非常方面,我建议大家打开自动保持的设置,默认是关闭的。
一旦打开,在文件保存的时候,就会自动的格式化。
![bdd45792fe6f2df7e27bddd038ffd74f.png](https://i-blog.csdnimg.cn/blog_migrate/d0aacbe6af03c6e7a05a214206a6b444.jpeg)
3.Bracket pair colorizer 2,
这插件允许用同颜色匹配的括号。 用户可以定义要匹配的符号,以及对应的颜色。
bracket pair colorizer有两个版本,我选择第二个使用与VSCode相同的括号解析引擎,从而大大提高了速度和准确性。
![555bd3123208ec1809c320c659b3bfca.png](https://i-blog.csdnimg.cn/blog_migrate/c9eb03398910e648a04645313d11dffb.jpeg)
4.Indent rainbow
这个插件使文本前面的缩进着色,每步交替四种不同的颜色。 对于编写Nim或Python的代码很有帮助。
![ab93aa7ac59351a00a4f882f2041019b.png](https://i-blog.csdnimg.cn/blog_migrate/650def02a1e664b1059e416d62ab52c9.jpeg)
Python 必备
功能类(6个)
1.Auto Rename Tag
从名字可以看出来,它是用来重命名一个HTML / XML标签时,自动重命名配对的HTML / XML标签,这个用起来非常节省时间。
![eb5e3efcd81cec91efff56a4fd743edc.png](https://i-blog.csdnimg.cn/blog_migrate/0afd23c255fb2d6a3c777f423e648c34.jpeg)
2.Rest client,
这个插件跟post man功能一样,但是非常的简洁,方便。用了这个就不用来回在post man之间切换了。
![57ae59e00d8062cf4f8964bada078341.png](https://i-blog.csdnimg.cn/blog_migrate/8f7ee99d13f98d32401e2c4c2554d6e6.jpeg)
3.CSS peek
允许窥视CSS ID和class strings从html文件到相应CSS的定义。 允许窥视和转到定义。
![8f1514c6347b6798dc6732449127d757.png](https://i-blog.csdnimg.cn/blog_migrate/1c6b87756bc843fa2c4b1bb68dead637.jpeg)
4.html css support,
自动提示CSS的样式
![a276af85bd33cb146fb4ac41035ca71b.png](https://i-blog.csdnimg.cn/blog_migrate/1c0195858e2dd40d4912ef4581617b58.jpeg)
5.Live Sass compiler
这个插件,可通过浏览器加载来帮助您实时将SASS / SCSS文件编译/转换为CSS文件。
![87ef4841e0642e930add9154e1aaea90.png](https://i-blog.csdnimg.cn/blog_migrate/95e7da978cc96166132b6f67f827aedb.jpeg)
6.live server
启动具有实时重新加载功能的本地开发服务器,以处理静态和动态页面。
在开发调试web的时候非常有用。
![49427f711270a34532c80e37cf51cc37.png](https://i-blog.csdnimg.cn/blog_migrate/2ce279885cb6885f6256a550b404f04b.jpeg)