使用 CodeLens 的扩展
2017 年 2 月 12 日 Wade Anderson, @waderyan_
CodeLens 是 Visual Studio Code 中一个受欢迎的功能。该功能的精髓是“在您的源代码中穿插可操作的上下文信息”。这听起来有点拗口。让我为您分解一下。
CodeLens 是您代码中的链接
- 可操作的 - 您可以点击链接,然后会发生一些事情。
- 上下文相关的 - 链接靠近它们所代表的代码。
- 穿插的 - 链接位于您的整个源代码中。
VS Code 自带适用于 TypeScript 的 CodeLens。您可以在用户设置中通过"typescript.referencesCodeLens.enabled": true
启用它。
您可以使用 CodeLens 功能创建自己的扩展。首先查看文档。此外,您可以在 Marketplace 中找到使用 CodeLens 的热门扩展。这篇博客文章列出了一些我最喜欢的。
提示:您可以通过安装CodeLens Roundup扩展包来一次性安装所有这些扩展。您如何将扩展捆绑在一起?请查看扩展包。
Git Lens
Marketplace - Git Lens
作者 - eamodio
这个功能丰富的扩展将满足您所有的 Git 需求。eamodio 使用 CodeLens UI 向您显示最新提交、作者数量、行内归责注解,并公开 Peek 窗口以提供完整的历史视图。有关功能的完整列表,请参阅扩展的README。凭借 14 个五星好评,这是一个高度评价、优秀的扩展。
Azure Application Insights
Marketplace - Azure Application Insights
作者 - Microsoft
正如您所想象的,这是 VS Code 团队中一个受欢迎的扩展。使用此扩展可以直接在 VS Code 中查看您的生产服务信息!
CodeMetrics
Marketplace - CodeMetrics
作者 - Kiss Tamás
想象一下您有一个喜欢编写复杂函数的同事。他们认为这很酷,并且不太关心可维护性。使用此扩展向他们展示其函数的复杂性,并检查您正在编写的源代码的指标。
作为额外福利,您可以自定义描述。这是我们团队喜欢使用的配置:
"codemetrics.basics.ComplexityLevelExtremeDescription": "😱",
"codemetrics.basics.ComplexityLevelHighDescription": "😳",
"codemetrics.basics.ComplexityLevelLowDescription": "🤓",
"codemetrics.basics.ComplexityLevelNormalDescription": "🤔",
"codemetrics.basics.ComplexityTemplate": "Complexity is {0} {1}"
如您所见,我们喜欢表情符号。
Regex Previewer
Marketplace - Regex Previewer
作者 - Christof Marti
您是否经常编写正则表达式?这是一个极好的扩展,可以快速测试您的正则表达式。
Version Lens
Marketplace - Version Lens
作者 - pflannery
该扩展支持许多包管理系统,包括 npm、bower、dotnet 和 jspm,非常有用。安装此扩展即可查看哪些包已过期。只需快速点击鼠标,即可升级版本。
专业提示 - 预览您的扩展
Marketplace - Extension Manifest Editor
作者 - Microsoft DevLabs
有时,当我制作扩展时,我会觉得在发布之前能看到扩展在 Marketplace 中的样子会很棒。Extension Manifest Editor 允许您在 VS Code 中预览您的扩展在 Marketplace 中的展示效果。
Wade Anderson,VS Code 团队成员 @waderyan_