🚀 VS Code で で入手しましょう!

まとめ

初めての拡張機能 のトピックでは、拡張機能の作成、実行、デバッグの方法を学びました。拡張機能の構造 のトピックでは、Visual Studio Code 拡張機能開発の基本的な概念を学びました。しかし、これらは氷山の一角に過ぎません。VS Code 拡張機能開発スキルをさらに向上させるための推奨ルートをいくつかご紹介します。

拡張機能の機能

このセクションでは、VS Code API と 機能拡張ポイント をいくつかのカテゴリに分け、それぞれのカテゴリで拡張機能が実現できることについて簡単に説明します。拡張機能のアイデアが実現可能であることを検証するには、VS Code API を確認するか、拡張機能の機能 セクションを読んで、新しい拡張機能のアイデアを探してください。

ガイドとサンプル

マイクロソフトでは、お客様が適応できるサンプル拡張機能の優れたコレクションを用意しており、その中にはソースコードを詳しく説明したガイドが含まれているものもあります。すべてのサンプルとガイドは、拡張機能ガイド一覧 または vscode-extension-samples リポジトリで確認できます。

UX ガイドライン

拡張機能を VS Code ユーザーインターフェースにシームレスに適合させるために、UX ガイドラインを参照してください。ここでは、拡張機能の UI を作成するためのベストプラクティスと、推奨される VS Code ワークフローに従うための規則を学ぶことができます。

Issue の報告

VS Code ユーザーは、[ヘルプ] > [Issue の報告...] コマンド (workbench.action.openIssueReporter) を使用するか、クイックオープン (workbench.action.quickOpen) で issue と入力し、インストールされている拡張機能を選択することで Issue を報告できます。これにより、ユーザーはコア製品またはインストールされている拡張機能に関する Issue を一貫したエクスペリエンスで報告できます。

拡張機能の作成者は、Issue レポーターコマンドを別途提供する代わりに、[ヘルプ] > [Issue の報告...] Issue レポーターフローに拡張機能を統合できます。この統合により、ユーザーが Issue を報告する際に追加情報を添付することもできます。

Issue レポーターフローに統合するには、カスタムコマンドと issue/reporter メニュー機能拡張ポイントを提供する必要があります。このカスタムコマンドは openIssueReporter を呼び出します。

package.json の contributes に貢献するコマンドとメニューの例 (メニュー機能拡張とコマンドの追加については、機能拡張ポイント を参照してください)

"commands": [
    {
        "command": "extension.myCommand",
        "title": "Report Issue"
    }
],
    "menus": {
        "issue/reporter": [
            {
                "command": "extension.myCommand"
            }
        ]
    }

以前にコマンドパレットで workbench.action.openIssueReporter コマンドを提供していた拡張機能には、この新しい Issue 報告フローの使用を開始するように依頼しています。

テストと公開

このセクションには、高品質の VS Code 拡張機能を開発するのに役立つトピックが含まれています。たとえば、次のことを学ぶことができます。

04/03/2025