公众号关注 “GitHubDaily”
设为 “星标”,每天带你逛 GitHub!
![7cc43bbf1efb243814471879bad8a738.png](https://img-blog.csdnimg.cn/img_convert/7cc43bbf1efb243814471879bad8a738.png)
VS Code 是这两年非常热门的一款 IDE,它不仅有提升开发体验的界面、轻量化的编辑器,还有丰富而强大的插件,这些优秀的插件使得 VS Code 生态体系更加吸引人,让开发效率大大提升。本文来介绍 10 款高效的 VS Code 插件,总有一款能够惊艳到你。
前言
今天,本文就来介绍 10 款高效、好用的插件,能够让原本单薄的 VS Code 如虎添翼,开发效率顿时提升到一个新的级别。1. CodeIf
安装次数:2 万 +
![3212a094a01a22e7eeca4e7652c03a0b.png](https://img-blog.csdnimg.cn/img_convert/3212a094a01a22e7eeca4e7652c03a0b.png)
" 在计算机科学中只有两件难事:缓存失效和命名。"
我对这句话深有同感,当开发项目时, 命名一直都是一种让我痛苦的事情。我想,应该不止我一个人有这样的感觉。可是,命名又是开发过程中一项非常重要的事情,例如,一个好的函数命名,能够让你瞬间明白它实现的功能,这样就节省了很大一部分时间琢磨一段代码到底是什么含义。所以,每当开发过程中遇到要命名的变量、函数、类时我就不得不停下开发,苦思冥想半天。![efa1bd7de30f834daefbcc9684749a07.png](https://img-blog.csdnimg.cn/img_convert/efa1bd7de30f834daefbcc9684749a07.png)
![7340f9c1c9803e42e1f6141e76bc4afb.png](https://img-blog.csdnimg.cn/img_convert/7340f9c1c9803e42e1f6141e76bc4afb.png)
2. local history
安装次数:14 万 +
修改代码之后想找回历史代码怎么办?在使用 Pycharm、IDEA 时可以直接查看本地历史代码,然后轻松恢复之前某个版本。但是,VS Code 默认是不支持 local history 的,所以,仅凭 Ctrl+z 撤销操作是不行的。何况,撤销操作是把前面步骤所有的操作都撤销了,其中有很多是我们不需要的。![a09a2a138354b2d1d83feaed6964f838.png](https://img-blog.csdnimg.cn/img_convert/a09a2a138354b2d1d83feaed6964f838.png)
3. Partial Diff
安装次数:19 万 +
文件比较是一种即常用且实用的一项功能,例如,我们想查看哪里修改了代码、查看输出的日志信息有什么区别等等,如果用肉眼逐个词的去分辨,显然是无法承受的。提起文件比较,我首先想到的就是 Beyond Compare,这是一款好用的工具,但是,仅凭收费这一点就把很多人拒之门外了。![cfd7c35d3cb8024bcc58505d26b5a6cf.gif](https://img-blog.csdnimg.cn/img_convert/cfd7c35d3cb8024bcc58505d26b5a6cf.gif)
4. TODO Tree
安装次数:40 万 +
我在此前多篇文章中提到过,习惯使用TODO
、
FIXME
标签是一个非常好的习惯。当我们发现某块代码需要修改,或者某块代码需要以后进一步完善,如果能够给它做一个标记,那么后续定位到对应位置是一件非常轻松高效的事情。关于
TODO
标签,很多作者都推荐过
TODO Highlight 这款插件,但是,我更加推荐使用
TODO Tree。
![93ed0734ee49ad48ec8cdae95a657ff5.png](https://img-blog.csdnimg.cn/img_convert/93ed0734ee49ad48ec8cdae95a657ff5.png)
TODO
标签高亮,但问题是 “
我们怎么快速定位到对应的标签
?” 逐个的打开文件去寻找显然是很麻烦的,效率并没有得到太大的提升。
TODO Tree 则不同,它不仅可以实现
标签高亮,还可以在活动栏添加一个选项卡,它能够以不同视图展示我们标记的位置,单击对应标签就能够快速定位到指定位置。
5. vscode-icons
安装次数:466 万 +
一个好的编辑界面能够让开发过程心情舒畅,甚至可以提升开发效率。显然,VS Code 默认的图标是达不到这种程度的。![630309ef13cddcd55c71cda5d38b2695.png](https://img-blog.csdnimg.cn/img_convert/630309ef13cddcd55c71cda5d38b2695.png)
6. Better Comments
安装次数:66 万 +
![3fae951fadde3da14941ebe6fe5c32a2.png](https://img-blog.csdnimg.cn/img_convert/3fae951fadde3da14941ebe6fe5c32a2.png)
7. Bracket Pair Colorizer
安装次数:250 万 +
![0b16ff6eb89204be6a60a3da4371018b.png](https://img-blog.csdnimg.cn/img_convert/0b16ff6eb89204be6a60a3da4371018b.png)
()
、
[]
、
{}
这些常用括号显示不同颜色,当点击对应括号时能够用线段直接链接到一起,让层次结构一目了然。除此之外,它还支持用户自定义符号。
![56f79bb1f715c436140d78b43c491b16.gif](https://img-blog.csdnimg.cn/img_convert/56f79bb1f715c436140d78b43c491b16.gif)
8. Better Align
安装次数:10 万 +
整洁的代码,是一个优秀程序员必须要做到的。当我们阅读那些大型公司开源的代码时,会发现,它的设计模式、它的编程规范都让人赞叹不已。 Better Align 就是这样一款能够实现代码规范的工具,它主要用于代码的 上下对齐。它能够用冒号(:)、赋值(=,+=,-=,*=,/=)和箭头(=>)对齐代码。![514e7fd01c0388c9b585bb3227b7e582.gif](https://img-blog.csdnimg.cn/img_convert/514e7fd01c0388c9b585bb3227b7e582.gif)
9. change-case
安装次数:24 万 +
标识符和命名规则是学习一门语言最基本,也是必须要了解的一项。不同语言对变量名、函数名、类名的命名要求不同,有的是驼峰、有的是下划线... 但是,不管是什么要求,都有一个共性 -- 命名很重要。有些编程语言甚至对命名严格到如果不按规范要求,执行时会直接报错。而 change-case 就是一款快速修改当前选定内容或当前单词的命名的插件。![5570af219118c94c28548a28fbf2cb32.gif](https://img-blog.csdnimg.cn/img_convert/5570af219118c94c28548a28fbf2cb32.gif)
10. Markdown All in One
安装次数:119 万 +
![a73e144493cb66fef778763b3f43fc86.png](https://img-blog.csdnimg.cn/img_convert/a73e144493cb66fef778763b3f43fc86.png)
• 丰富的快捷键
•TOC 标签
• 数学公式
• 自动完成
• 列表编辑
• 输出 HTML 同时转 PDF
•Github 风格文档
•......
这款插件真正做到了 All in One。推荐阅读:飞机上一般是什么操作系统?墙裂推荐!B 站上的 Python 学习资源用了这么久,原来 GitHub 还有这种骚操作?如何从 Windows 切换到 Linux10 大开源酷炫的后台管理面板!