几个实用的 Visual Studio Code 插件推荐

2020-02-23

抛弃各种 IDE 和 Sublime Text 投向 VSCode 的怀抱已经很久了,在这里分享几个我非常喜欢且很实用的插件。

Git Blame

插件地址:Git Blame

团队 Git 项目中,git blame 这个命令相信大家都不陌生,在找黑锅(误)查 bug 的时候查看某文件里某行代码最后的改动是由谁在何时做出显得尤为重要。Git Blame 这个插件可以在光标选中某行的同时直接在 VSCode 的下方显示作出改动 commit 的人和时间,直接点击还可跳转对应的 commit 地址,非常方便。

Git Blame

Git History

插件地址:Git Blame

图形化展示 Git 版本变迁的一个插件,可以具体到查看某个分支的某次 commit 做出了那些改动。

Git History

还可以在 VSCode 中直接展示与本地文件或前一版文件的区别,直观性拉满。

改动对比

Bracket Pair Colorizer

插件地址:Bracket Pair Colorizer

虽然 VSCode 自带高亮匹配对应括号的功能,但因为括号之间并没有颜色区分,在括号较多的情况下,想一眼分清匹配括号所在还是有点难度。Bracket Pair Colorizer 插件顾名思义,就是给不同对的括号间标上不同的颜色,帮助你进行定位和区分,效果如下图所示。

Bracket Pair Colorizer

对于同一代码块的外围,Bracket Pair Colorizer 还会对应颜色的分割线,帮助你区分代码的层级关系。

Bracket Pair Colorizer 的默认颜色只有几个,如果你喜欢花里胡哨的效果,可以自己添加几个颜色。我的设置如下,你可以根据自己的喜好和主题进行定制。

"bracket-pair-colorizer-2.colors": [
    "Green",
    "Pink",
    "Gold",
    "Orchid",
    "LightSkyBlue",
    "Red",
    "Purple",
    "Orange",
    "Salmon"
  ],
  "bracket-pair-colorizer-2.forceIterationColorCycle": true,
  "bracket-pair-colorizer-2.forceUniqueOpeningColor": true

rust-analyzer

插件地址:rust-analyzer

如果你写 Rust 的话,VSCode 插件商店里有一个名为 Rust Server Language 的插件支持提供各类补全,然而实际使用下来体验并不友好,经常出现不全甚至不出的现象。经过友人推荐,找到了 rust-analyzer。虽然还在 WIP 状态,但实际体验已经非常友好,补全分析和函数签名提示都非常流畅。安装需要先在本地进行编译运行,VSCode 插件会在过程中自动载入,而后就可以开始愉快的 Rust 起来了。

rust-analyzer 的类型标注与补全

体验到现在唯一的缺点是,由于需要本地进行语法分析以提供 Language Server 的功能,所以如果你的网络不好导致 cargo 更新缓慢或者 build 过程中卡了壳,此时整个编辑器会卡住没法输入任何东西,希望 rust-analyzer 日后能更新做出一些改善。