作者:bingbing
链接:https://www.zhihu.com/question/311803609/answer/1515415408
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
GitLens
这是目前为止最让我惊艳的和Git集成相关的插件。GitLens不仅有助于Git操作,更是帮助用户阅读源码的利器。
<img src="https://pic3.zhimg.com/50/v2-94f8e4aff09164ae9e18788bcc925839_hd.jpg?source=1940ef5c" data-rawwidth="749" data-rawheight="126" data-size="normal" data-caption="" data-default-watermark-src="https://pic3.zhimg.com/50/v2-523a3163b0cf5902342694977e1da615_hd.jpg?source=1940ef5c" class="origin_image zh-lightbox-thumb" width="749" data-original="https://pic1.zhimg.com/v2-94f8e4aff09164ae9e18788bcc925839_r.jpg?source=1940ef5c"/>
VS Code 自带的 Git 在易用性和完整性之间取得了一个不错的平衡,大多数用户都能够使用它完成工作,但是依然有很多用户会觉得功能不够用。比如:
无法查看当前代码历史记录
无法检索某个 commit 中的代码改动
无法比较两个 commit 或者 branch,然后阅览代码改动
......
GitLens弥补了这些缺陷,有助于提交我们开发和阅读的效率。
以下列举一些GitLens的常用功能:
File History view
文件历史视图。展示当前文件的历史变更记录。
<img src="https://pic3.zhimg.com/50/v2-0f764f5613816747e5ddb226c9536717_hd.jpg?source=1940ef5c" data-rawwidth="1317" data-rawheight="737" data-size="normal" data-caption="" data-default-watermark-src="https://pic1.zhimg.com/50/v2-b5dc5a302219f1e1b9cb6919049260a1_hd.jpg?source=1940ef5c" class="origin_image zh-lightbox-thumb" width="1317" data-original="https://pic1.zhimg.com/v2-0f764f5613816747e5ddb226c9536717_r.jpg?source=1940ef5c"/>
Line History view
行历史视图。展示当前所在行的历史变更记录。我曾多次用它找到制造bug的万恶之源,哈哈~
<img src="https://pic3.zhimg.com/50/v2-eba4b2be4e8ee86990787d8b3c90d726_hd.jpg?source=1940ef5c" data-rawwidth="1317" data-rawheight="737" data-size="normal" data-caption="" data-default-watermark-src="https://pic3.zhimg.com/50/v2-ba15ba8426b6a86f72e579d0b8cd2544_hd.jpg?source=1940ef5c" class="origin_image zh-lightbox-thumb" width="1317" data-original="https://pic1.zhimg.com/v2-eba4b2be4e8ee86990787d8b3c90d726_r.jpg?source=1940ef5c"/>
Gutter Blame
点击图中右上角红色箭头指向的Toggle File Blame Annotations 按钮来开启或关闭Gutter Blame功能,这个功能可以让你概览这个文件中每一行代码的作者、注释和提交时间。
屏幕中间深浅不同的热力图线表示代码提交时间的远近,颜色越深表示代码提交的时间越近,颜色越远表示代码提交的时间越远。
<img src="https://pic1.zhimg.com/50/v2-4f958d3282ba760566956f865b444bea_hd.jpg?source=1940ef5c" data-rawwidth="1208" data-rawheight="739" data-size="normal" data-caption="" data-default-watermark-src="https://pic4.zhimg.com/50/v2-e798f4231993495fa208cb5719e9f3e9_hd.jpg?source=1940ef5c" class="origin_image zh-lightbox-thumb" width="1208" data-original="https://pic1.zhimg.com/v2-4f958d3282ba760566956f865b444bea_r.jpg?source=1940ef5c"/>
Current Line Blame & Status Bar Blame
查看鼠标所在行代码是谁在何时提交的,以及提交的comment。
<img src="https://pic1.zhimg.com/50/v2-f86b599833ef616c7f200559d66eef6d_hd.jpg?source=1940ef5c" data-rawwidth="1045" data-rawheight="737" data-size="normal" data-caption="" data-default-watermark-src="https://pic3.zhimg.com/50/v2-2ea475e5562080e15a7b86fd1f9064cb_hd.jpg?source=1940ef5c" class="origin_image zh-lightbox-thumb" width="1045" data-original="https://pic2.zhimg.com/v2-f86b599833ef616c7f200559d66eef6d_r.jpg?source=1940ef5c"/>
Search Commits view
在Search Commits 视图可以根据作者、文件名、Commit ID等检索提交历史。
<img src="https://pic1.zhimg.com/50/v2-794b4e9db83cab253f48ec74ce7729dd_hd.jpg?source=1940ef5c" data-rawwidth="1548" data-rawheight="829" data-size="normal" data-caption="" data-default-watermark-src="https://pic3.zhimg.com/50/v2-d984d4488dc6c7252e0675fe30d0637c_hd.jpg?source=1940ef5c" class="origin_image zh-lightbox-thumb" width="1548" data-original="https://pic2.zhimg.com/v2-794b4e9db83cab253f48ec74ce7729dd_r.jpg?source=1940ef5c"/>
GitLens还有许多非常实用的功能,具体请参考项目地址:
https://github.com/eamodio/vscode-gitlensgithub.com
评论区有小伙伴喜欢这个主题配置,在此更新一下。
主题由两部分构成:
工作区主题 - Vscode Color Theme : Solarized Light
设置步骤:
File -> Preference -> Color Theme -> Solarized Light
状态栏主题 - 集成在Vim插件中的插件:vim-airline
airline是Vim编辑器中最常用的状态栏主题,vscode中的Vim插件集成了airline,可以在setting.json中配置状态栏在Vim不同模式中的色调:
Visual Studio Code之所以越来越受欢迎,众多优秀的插件功不可没。微软资深VS Code专家所著的《Visual Studio Code 权威指南》这本书的一大特色就是帮助开发者找到合适的插件,无论你感兴趣的是各种编程语言(JavaScript/TypeScript、Java、Python等),还是具体的开发场景(前端、云原生、物联网等),书中都提供了详尽的指引和介绍来帮助开发者把VS Code定制成高效又称手的开发环境,值得一读: