使用 CodeLens 的扩展

Name: Visual Studio Code
Author: Microsoft

2017 年 2 月 12 日 Wade Anderson，@waderyan_

CodeLens 是 Visual Studio Code 中的一项热门功能。该功能的本质是“在你的源代码中穿插的可操作上下文信息”。这真是一个拗口的说法。让我为你解释一下。

CodeLens 是你代码中的链接

可操作的 - 你可以点击链接，然后就会发生一些事情。
上下文相关的 - 链接靠近它们所代表的代码。
穿插的 - 链接位于你的源代码的各个地方。

animation showing CodeLens

VS Code 自带用于 TypeScript 的 CodeLens。你可以在用户设置中通过 "typescript.referencesCodeLens.enabled": true 来启用它。

CodeLens in TypeScript

你可以使用 CodeLens 功能创建自己的扩展。通过查看文档开始吧。此外，你可以在 Marketplace 中找到使用 CodeLens 的流行扩展。这篇博客文章列出了一些我最喜欢的扩展。

提示：你可以通过安装 CodeLens Roundup 扩展包来一次性安装所有这些扩展。你如何将扩展打包在一起？查看扩展包。

Git Lens

Marketplace - Git Lens

作者 - eamodio

这个功能丰富的扩展将满足你所有 Git 需求。eamodio 使用 CodeLens UI 来显示你最近的提交、作者数量、内联归咎注释，并公开 Peek 窗口以提供完整的历史视图。查看扩展的 README 以获取完整的功能列表。凭借 14 个五星评价，这是一个评价很高、非常棒的扩展。

animation showing gitlens

Azure 应用洞察

Marketplace - Azure 应用洞察

作者 - Microsoft

正如你所想，这是 VS Code 团队中很受欢迎的一个扩展。使用此扩展来查看 VS Code 中生产服务的相关信息！

app insights

CodeMetrics

Marketplace - CodeMetrics

作者 - Kiss Tamás

想象一下，你有这样一个同事，他们喜欢编写复杂的函数。他们觉得这很酷，不太关心可维护性。使用此扩展向他们展示他们函数的复杂性，并检查你编写的源代码的指标。

code metrics

作为额外奖励，你可以自定义描述。以下是我们团队喜欢使用的配置

"codemetrics.basics.ComplexityLevelExtremeDescription": "😱",
"codemetrics.basics.ComplexityLevelHighDescription": "😳",
"codemetrics.basics.ComplexityLevelLowDescription": "🤓",
"codemetrics.basics.ComplexityLevelNormalDescription": "🤔",
"codemetrics.basics.ComplexityTemplate": "Complexity is {0} {1}"

如你所见，我们喜欢表情符号。