【VSCode】拡張機能をインストール・削除する方法と、有効・無効を切り替える方法

WindowsやMacなどで利用できるソースコードエディタのVisual Studio Code（以下、VSCodeと表記）では、拡張機能（エクステンション）を追加することで機能をカスタマイズできます。

今回は、その拡張機能をインストール・削除する方法と、有効・無効を切り替える方法となります。

Extensions（拡張機能）を表示する方法

拡張機能（エクステンション）の追加・削除など、拡張機能を管理する場合、サイドバーのExtensions内から行います。

以下、そのExtensionsを表示する方法となります。

左端あるメニュー（Acitivity Bar）内の「Extensions」を選択します。
VSCodeのアクティビティーバー（Acitivity Bar）。矢印のアイコンが「Extensions」
サイドバーに拡張機能が表示されます。
サイドバーに表示した拡張機能

サイドバーのExtensions内には、上部に検索ボックスがあり拡張機能を検索できます。

その検索ボックスが空の場合、Extensions内は上から順番に以下の拡張機能が表示されます。

左端あるメニュー（Acitivity Bar）内の表示・非表示は、Acitivity Bar上を右クリックして表示するコンテキストメニューから変更できます。

また、Acitivity Bar内にExtensions表示されていない場合、以下のショートカットでもExtensionsを表示できます。

Extensionsは、以下のショートカットでサイドバーに表示できます。

Mac	shift+command+X
Windows/Linux	Shift+Ctrl+X

以下、拡張機能をインストールする方法となります。

また、サイドバーのExtensions内に表示されている「Install」ボタンからでもインストールできます。

以下、拡張機能を無効にする方法となります。また、拡張機能によっては無効にできない場合もあります。

Extensionsの「INSTALLED」内から、無効にしたい拡張機能を選択します。
拡張機能の詳細画面が表示されるので、画面内にある「Disable」ボタンをクリックします。
「Disable」と、「Disable（Workspace）」の選択しが表示されるので、VSCode全体で無効にする場合には「Disable」を、現在のワークスペースで無効にする場合には「Disable（Workspace）」を選択します。
VSCodeを再起動します。

また、Extensionsで拡張機能を選択し、右クリックで表示するコンテキストメニュー内の「Disable」・「Disable（Workspace）」からでも無効にできます。

以下、拡張機能を有効にする方法となります。

Extensionsの「INSTALLED」内から、有効にしたい拡張機能を選択します。
拡張機能の詳細画面が表示されるので、画面内にある「Ensable」ボタンをクリックします。
「Enable」と、「Enable（Workspace）」の選択肢が表示されるので、VSCode全体で有効にする場合には「Enable」を、現在のワークスペースで有効にする場合には「Enable（Workspace）」を選択します。
VSCodeを再起動します。

また、Extensionsで拡張機能を選択し、右クリックで表示されるコンテキストメニュー内の「Ensable」・「Enable（Workspace）」からでも有効にできます。

EXTENSIONSから削除したい拡張機能を選択します。そして、拡張機能の詳細画面内にある「Uninstall」ボタンをクリックし、VSCodeを再起動します。

また、サイドバーのEXTENSIONSで拡張機能を選択し、右クリックで表示されるコンテストメニュー内の「Uninstall」からでもアンインストール可能です。