まとめ
「初めての拡張機能」トピックでは、拡張機能の作成、実行、デバッグ方法を学びました。また、「拡張機能の構造」トピックでは、Visual Studio Code 拡張機能開発の基本的な概念を学びました。しかし、これらはほんの一部に過ぎません。VS Code 拡張機能開発のスキルをさらに向上させるための提案ルートをいくつか紹介します。
拡張機能の機能
このセクションでは、VS Code API と 貢献点 をいくつかのカテゴリに分類し、それぞれに拡張機能で何が実現できるかについての簡単な説明を加えています。新しい拡張機能のアイデアについては、VS Code API を確認するか、拡張機能の機能 セクションを読んで、拡張機能のアイデアが実現可能であることを検証してください。
ガイド & サンプル
参考となる優れたサンプル拡張機能が多数あり、その中にはソースコードを説明する詳細なガイドが含まれているものもあります。すべてのサンプルとガイドは、拡張機能ガイド一覧 または vscode-extension-samples リポジトリで見つけることができます。
UX ガイドライン
拡張機能を VS Code のユーザーインターフェースにシームレスに統合するために、UX ガイドライン を参照してください。そこでは、拡張機能の UI を作成するためのベストプラクティスと、VS Code の推奨ワークフローに従うための慣例を学ぶことができます。
問題の報告
VS Code ユーザーは、ヘルプ: 問題を報告... コマンド (workbench.action.openIssueReporter
) を使用するか、クイックオープン (workbench.action.quickOpen
) で issue
と入力してインストール済みの拡張機能を選択することで、問題を報告できます。これにより、ユーザーはコア製品またはインストール済みの拡張機能に関する問題を報告するための一貫したエクスペリエンスを得られます。
拡張機能の作成者は、個別の問題報告コマンドを提供する代わりに、ヘルプ: 問題を報告... の問題報告フローに拡張機能を統合できます。この統合により、ユーザーが問題を報告する際に、追加情報を添付することも可能になります。
問題報告フローに統合するには、カスタムコマンドと issue/reporter
メニュー貢献点を追加する必要があります。このカスタムコマンドは openIssueReporter
を呼び出します。
package.json
の contributes
用の、貢献されたコマンドとメニューの例(メニュー貢献点とコマンドの追加については、貢献点 を参照してください)
"commands": [
{
"command": "extension.myCommand",
"title": "Report Issue"
}
],
"menus": {
"issue/reporter": [
{
"command": "extension.myCommand"
}
]
}
以前にコマンドパレットで workbench.action.openIssueReporter
コマンドを貢献していた拡張機能には、この新しい問題報告フローの使用を開始するようお願いします。
テストと公開
このセクションには、高品質な VS Code 拡張機能を開発するのに役立つトピックが含まれています。例えば、以下を学ぶことができます。
- 拡張機能に統合テストを追加する方法
- VS Code マーケットプレイスに拡張機能を公開する方法
- 拡張機能の継続的インテグレーションを設定する方法