使用 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 向您顯示最近的提交、作者人數、內嵌 Blame 註解，並公開「查看」視窗以查看完整歷史記錄。請參閱擴充功能的 README 以取得完整功能清單。此擴充功能獲得 14 顆五星評價，是一款高度評價的優良擴充功能。

animation showing gitlens

Azure Application Insights

Marketplace - Azure Application Insights

作者 - 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}"

如您所見，我們喜歡表情符號。