
本文不做任何编辑器的比较,只是我本人日常使用 vscode进行开发,并且比较喜欢折腾vscode,会到处找这一些好玩的插件,于是越攒越多,今天给大家推荐一下我收藏的60多个vscode插件,据说插件装太多,编辑器会变卡,可能是我的电脑配置还顶得住,目前并没有感觉到卡卡的 。
接下来我会将会以 优化外观,功能扩展,提升编码效率,代码格式化,其它插件几个分类来进行介绍 。
注:本文只涉及插件的基本使用,也就是让你知道存在这样一种插件,以及大致了解这个插件可以做什么事,部分插件的详细配置过于复杂,有需要的小伙伴请自行冲浪 。根据每个人电脑,vscode配置,以及插件的不同,部分插件可能在你电脑上不会生效 。文中提到的快捷键都是windows下的,其他操作系统的快捷键请自行了解 。
好马用好鞍,好看的编辑器外观,可以提升程序员的编码体验,可以让开发人员的心情变好,让写 bug更有动力 。
Better Comments
一款美化注释的插件,可以根据不同种类的注释,显示不同的颜色,一目了然 。
安装完以后,插件会默认自带几种颜色的注释,还可以通过 vscode的配置文件自定义任何颜色,类型的注释 。具体的配置方法我给你们找好了 。
Bracket Pair Colorizer / Bracket Pair Colorizer 2
这是一个找对象的插件,不是帮你们找对象啊,是帮你找到括号的另一半 。目前有两个版本,Bracket Pair Colorizer 2是增强版,具体我没有深入研究具体增强了哪些内容 。而且它有挺多的设置项,反正安装完默认的配置已经够用了,感兴趣的同学自行发觉更多有趣玩法吧 。
大家可以看到配对的括号是相同的颜色,并且当我选中一个括号以后,会出现一条线帮你找到它对应的另一半括号 。
Highlight Matching Tag
这也是一个找对象的插件,找的是标签的对象,看我上一个插件的演示图片中,当我点击一下 html标签,配对的标签就会出现下划线来指示你谁和谁是一对 。
Chinese
让你的 vscode变成中文,像我这种英语弱鸡才会用,大佬们略过 。为什么要放在优化外观的分类里,因为我觉得中文比英文好看????,安装完重启就行了 。
Color Highlight
看名字就知道了,用于给我们代码中的颜色进行高亮展示的插件 。可以看到下图中我设置的 css颜色属性,直观的展示了出来 。
Community Material Theme / Material Theme
修改编辑器的主题,内置很多种,我用的是 Material Theme Palenight High Contrast这一款 。安装完了以后点击设置颜色主题就可以了 。
Material Theme Icons
设置文件图标的,这个插件的长这个样子,还有很多其它修改文件图标的插件,不喜欢这一款的,大家可以自行找一找 。
Error Gutters
报错的地方都有大红波浪线提示,可以说是非常的直观了 。
Image preview
预览代码中图片的引用,鼠标移上去就会有小窗展示图片 。
indent-rainbow
看名字就知道了,彩虹缩进,就是把代码不同的缩进展示不同的颜色 。
Indenticator
当你点击一个缩进部分的时候,会出现一条白线来告诉你当前处于的缩进层级,可以更方便的查看代码结构 。
Trailing Spaces
把尾随空格显示出来 。
VSCode Great Icons
另一个修改文件图标的插件,我用的就是这个,相对于 Material Theme Icons我更喜欢这个的风格,萝卜青菜可有所爱,大家各取所需 。
编辑器自身的功能还是有限的,为了应付日常开发,不得不安装很多其他的软件进行辅助,不过也可以通过插件的方式引入一些常用的辅助软件,它们的功能可能没有原生的强大,但是基本上已经够用,并且是真的很方便 。
推荐阅读
- 都头是什么官
- 戴宗的绰号是什么
- 武则天是什么皇上
- 古人冬天时有个常用品叫汤婆子的作用是什么
- 楼兰古城消失的原因是什么
- 世界上最长的山脉是什么
- 口臭是什么造成的 这8大原因最可能
- 经常塞牙是什么原因 塞牙的危害可不能忽视
- 恒星和行星的区别是什么
- 蚂蚁的天敌是什么
