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 機能を使って独自の拡張機能を作成できます。ドキュメントをチェックして始めましょう。さらに、CodeLens を使用する人気のある拡張機能を Marketplace で見つけることができます。このブログ投稿では、私のお気に入りのいくつかを紹介します。

ヒント： CodeLens Roundup 拡張機能パックをインストールすると、これらの拡張機能をすべて一度にインストールできます。拡張機能をまとめてバンドルする方法については、拡張機能パックをご覧ください。

Git Lens

マーケットプレイス - Git Lens

著者 - eamodio

この機能豊富な拡張機能は、あなたの Git のすべてのニーズを満たします。eamodio は CodeLens UI を使用して、最新のコミット、著者の数、インラインの blame アノテーションを表示し、完全な履歴ビューのために Peek ウィンドウを公開します。機能の全リストについては、拡張機能のREADMEを参照してください。14件の5つ星評価を持つ、非常に評価の高い優れた拡張機能です。

animation showing gitlens

Azure Application Insights

マーケットプレイス - Azure Application Insights

著者 - Microsoft

ご想像のとおり、これは VS Code チームで人気のある拡張機能です。この拡張機能を使用して、運用サービスの情報を VS Code 内で直接確認できます！

app insights

CodeMetrics

マーケットプレイス - 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}"

ご覧のとおり、私たちは絵文字が好きです。