惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Microsoft Azure Blog
Microsoft Azure Blog
WordPress大学
WordPress大学
Google DeepMind News
Google DeepMind News
美团技术团队
大猫的无限游戏
大猫的无限游戏
H
Help Net Security
小众软件
小众软件
aimingoo的专栏
aimingoo的专栏
博客园 - 聂微东
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
M
MIT News - Artificial intelligence
酷 壳 – CoolShell
酷 壳 – CoolShell
博客园 - Franky
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
Microsoft Security Blog
Microsoft Security Blog
F
Fortinet All Blogs
A
About on SuperTechFans
Recent Announcements
Recent Announcements
D
Docker
Vercel News
Vercel News
Engineering at Meta
Engineering at Meta
腾讯CDC
Martin Fowler
Martin Fowler
阮一峰的网络日志
阮一峰的网络日志

iPotato

iPotato Intention Is All You Need Intention Is All You Need 使用 Cloudflare Workers 搭建轻量级 LLM API 网关 使用 Cloudflare Workers 搭建轻量级 LLM API 网关 如何利用全 SaaS 阵容从零免费搭建一个博客? 如何利用全 SaaS 阵容从零免费搭建一个博客? ThinkPad X1 Carbon x Arch Linux ThinkPad X1 Carbon x Arch Linux Fly.io 初体验之博客搬家 Fly.io 初体验之博客搬家 TiKV Region Split 全流程分析 TiKV Region Split 全流程分析 韩寒的四海 韩寒的四海 浅谈《开端》在剧作上的瑕疵 浅谈《开端》在剧作上的瑕疵 Rust 的 async/await 语法是怎样工作的 Rust 的 async/await 语法是怎样工作的 我为什么不再喜欢 Go 了 我为什么不再喜欢 Go 了 TiDB 5.0 事务分布式授时模块 TiDB 5.0 事务分布式授时模块 PD 授时服务 TSO 设计简析 PD 授时服务 TSO 设计简析 如何在面试中筛选/不做一个「背题家」 如何在面试中筛选/不做一个「背题家」 在读研 & 工作中选择后者 在读研 & 工作中选择后者 几个实用的 Visual Studio Code 插件推荐
几个实用的 Visual Studio Code 插件推荐
JmPotato · 2020-02-23 · via iPotato

抛弃各种 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 日后能更新做出一些改善。