Microsoft の Visual Studio Code (VSCode) は、おそらく Vim に次いで最も人気のあるオープンソース コード エディターです (当然のことですが)。

VSCodeは、類似のIDEのほぼすべての機能を備えており、驚くほど「すぐに使える」エクスペリエンスを提供します。しかし、VSCodeで個別に実現できればいいのにと思う機能もいくつかあります。諺にもあるように、「隣の芝生は青く、川向こうの景色は美しい」のです。 :)

VSCode 拡張機能は Visual Studio Code マーケットプレイスで見つかります。VSCode マーケットプレイスでリリースされる拡張機能は、リリース前にウイルススキャンが実施されているため、一般的に信頼できます。

VSCodeに拡張機能をインストールする

拡張機能をインストールするためにVSCode Marketplaceのウェブサイトにアクセスする必要はありません。つまり、VSCode自体から直接拡張機能をインストールおよび管理できます。

オペレーティング システム (Linux など) に VSCode がインストールされているものとします。

VS Code を開きます。左端のタブはアクティビティバーです。アクティビティバーの最後のボタンは「拡張機能」ボタンです。これをクリックすると、インストール可能な拡張機能が多数表示されます。

VS Codeの拡張タブにアクセスする

キーボードショートカット​Ctrl + Shift + X​を押して、拡張バーのサイド パネルを起動することもできます。

まだ拡張機能をインストールしていない場合は、VSCode マーケットプレイスで最も人気のある拡張機能のリストが表示されます。

拡張機能を見つけてインストールする（グラフィカルインターフェース方式）

今度は、 Linux ユーザーが (励ましの口調で) 話題にする言語である​vim​を試してみるときです。

冗談です。もっと初心者向けで使いやすく、練習もあまり必要のない拡張機能をいくつかインストールしてみましょう。

最も人気のある拡張機能のリストから「Visual Studio IntelliCode」(①)拡張機能をクリックします。

Visual Studio IntelliCodeなどの拡張機能をインストールする方法

「インストール」ボタン（②）をクリックして、「Visual Studio IntelliCode」拡張機能をインストールします。この拡張機能は、コードの作成時にAIによる予測候補を提供します。

インストールが完了すると、この拡張機能を最大限に活用できます。お気に入りのプログラミング言語でコードを入力して、AIのオートコンプリート機能がスムーズに動作し、ワークフローを遅くしないかどうかを確認してください。

Visual Studio Code でインストールされた拡張機能を管理する

インストールした拡張機能が気に入らない場合は、「アンインストール」ボタン（②）をクリックするだけで、不要な拡張機能を完全に削除できます。

複数の拡張機能をインストールしていて、そのうちの 1 つが突然のクラッシュなどの問題を引き起こしていると思われる場合は、「無効にする」ボタン (①) をクリックして 1 つ (または複数) の拡張機能を無効にし、拡張機能Aが動作しているかどうか、拡張機能Bが動作しているかどうか、またはまったく別の拡張機能が動作しているかどうかを確認できます。

拡張機能の削除と再インストールには長い時間がかかる場合があるため、複数の拡張機能がインストールされている場合は、拡張機能を無効にすると便利です。

別の方法: ターミナルを使用して拡張機能をインストールします。

VSCode 拡張機能をターミナルからインストールできることをご存知ですか？今ならできます！

ターミナルから拡張機能をインストールするには、拡張機能名と発行元名を確認し、 ​发布者名称.扩展程序名称​の順に検索する必要があります。例えば、前述の「Visual Studio IntelliCode」拡張機能をインストールする場合、その名前は​VisualStudioExptTeam.vscodeintellicode​です。

拡張機能による識別に使用される一意の名前 (ID) を見つけるには、まずブラウザで VSCode Marketplace にアクセスする必要があります。

VSCodeマーケットプレイスのスクリーンショット

次に、特定の拡張機能を検索します。このチュートリアルでは、「Visual Studio IntelliCode」拡張機能のインストールを例に説明します。次に、インストールしたい拡張機能のページを開きます。

Visual Studio IntelliCode を検索し、その拡張ページを開きます。

拡張機能のウェブページを開くと、コードブロックが表示されます。下のスクリーンショットでは、拡張機能のIDが強調表示されています。

VSCode 拡張 ID

インストールする拡張機能の ID (この場合は​VisualStudioExptTeam.vscodeintellicode​ ) を取得したら、ターミナルで次のコマンドを実行して続行できます。

コード --install-extension VisualStudioExptTeam.vscodeintellicode

グラフィカル インターフェイスと同様に、コマンド ライン インターフェイスでも拡張機能をインストール、無効化、削除、管理できます。

次のコマンドを実行すると、インストールされているすべての拡張機能のリストを表示できます。

コード --list-extensions

単一の拡張機能を無効にするには、次のコマンドを実行します。

 code --disable-extension <ここに拡張機能IDを入力してください>

すべての拡張機能を無効にするには、次のコマンドを実行します。

コード --disable-extensions

上記のコマンドは、インストールされているすべての拡張機能を無効にします。これにより、問題の原因がプラグインなのかVSCode自体なのかを判断するのに役立ちます。

ここで、特定の拡張機能を完全に削除したい場合は、次のコマンドを実行します。

 code --uninstall-extension <ここに拡張機能IDを入力してください>

要約

VSCode を使うと拡張機能のインストールがずっと簡単になりました。エディターの左側のサイドバーに直接表示されるからです。

VSCode に慣れてきたら、この記事をご覧ください: 便利な VSCode キーボード ショートカットは、作業効率の向上に役立つ可能性があります。

新しい友達、コーディング頑張ってください！ :)