VS Code のパーソナライズ
VS Code は高度にカスタマイズ可能です。色やアイコンのテーマでエディターの外観を変更したり、使い慣れたキーボード ショートカットを割り当てたりできます。設定により、VS Code のエディター、ユーザー インターフェース、機能動作のほぼすべての部分を構成できます。
この記事では次のトピックについて説明します
設定を構成する
VS Code のほぼすべての側面は、設定を介してカスタマイズできます。設定では、単語の折り返しやミニマップの表示の有効化、言語固有のデバッガー設定、ワークスペース信頼の有効化など、エディター オプションを構成できます。Visual Studio Marketplace から拡張機能をインストールすると、独自の拡張機能設定が追加される場合があります。
設定エディター (⌘, (Windows、Linux の場合 Ctrl+,)) は、設定を変更するためのグラフィカル インターフェースを提供します。設定を変更すると、VS Code はそれらを settings.json ファイルに保存します。必要に応じて、settings.json ファイルを直接編集することもできます。
VS Code には 2 種類の設定があります。ユーザー設定はすべての VS Code インスタンスにグローバルに適用され、一方ワークスペース設定はプロジェクトとともに保存され、そのプロジェクトにのみ適用されます。設定エディターでは、対応するタブを使用してユーザー設定とワークスペース設定を切り替えることができます。
設定エディターで VS Code の設定を変更するには
-
ファイル > ユーザー設定 > 設定 メニューから設定エディターを開くか、⌘, (Windows、Linux の場合 Ctrl+,) を押します。
-
ツリー ビューを使用するか、検索バーに入力して、変更したい設定を検索します。
-
設定エディターで設定を変更します。
ヒント変更した設定を表示するには、設定エディターの検索バーで 変更済み フィルター値を選択します。
言語固有の設定や複数のマシン間での設定の同期など、VS Code での設定の構成に関する詳細を確認してください。
既定のキーボード ショートカットを変更する
VS Code では、ほとんどのタスクをキーボードから直接実行できます。VS Code をインストールすると、一連の既定のキーボード ショートカットが付属しています。VS Code インターフェースの UI 要素にマウスを合わせると、利用可能な場合にそのキーボード ショートカットが表示されます。コマンド パレットにも、ショートカットを持つコマンドのキーボード ショートカットが表示されます。
これらの既定のショートカットをカスタマイズしたり、お気に入りのコマンドやアクションに新しいショートカットを追加したりするには、キーボード ショートカット エディター (⌘K ⌘S (Windows、Linux の場合 Ctrl+K Ctrl+S)) を使用します。
キーボード ショートカット エディターで VS Code のキーボード ショートカットを変更するには
- ファイル > ユーザー設定 > キーボード ショートカット を選択するか、⌘K ⌘S (Windows、Linux の場合 Ctrl+K Ctrl+S)ショートカットを使用してキーボード ショートカット エディターを開きます。
- 変更したいコマンドの横にある鉛筆アイコンを選択します。
- コマンドのショートカットとして割り当てたいキーを押します。
キーマップ拡張機能を使用すると、VS Code のショートカットを好みのエディターのショートカットに合わせることができます。コマンド パレットから 基本設定: キーマップ コマンドを選択すると、キーマップ拡張機能のリストが表示されます。
キーボード ルールの指定や複数のコマンドの実行など、VS Code でのキーボード ショートカットの構成に関する詳細を確認してください。
テーマで VS Code の外観を変更する
テーマを使用すると、VS Code の外観を好みに合わせて変更できます。VS Code にはいくつかの組み込みテーマが付属しています。Visual Studio Marketplace からさらにテーマをインストールできます。
カラー テーマを使用すると、Visual Studio Code ユーザー インターフェースの色を好みの作業環境に合わせることができます。テーマは、VS Code のユーザー インターフェース要素とエディターのハイライト表示色の両方に影響します。VS Code は、さまざまな照明環境や個人の好みに合わせて、明るいカラー テーマと暗いカラー テーマの両方をサポートしています。
VS Code でカラー テーマを変更するには
- コマンド パレットを開きます (⇧⌘P (Windows、Linux の場合 Ctrl+Shift+P))。
- color と入力し、基本設定: 配色テーマ を選択します。
- Up キーと Down キーを使用してカラー テーマをプレビューし、Enter キーを使用して選択します。
- 必要に応じて、その他の配色テーマを参照 を選択して、Visual Studio Marketplace でさらにカラー テーマを参照します。
VS Code には、ファイル アイコン テーマや独自のテーマの作成など、さらに多くのテーマ オプションがあります。VS Code のテーマに関する詳細を確認してください。
表示言語を変更する
Visual Studio Code は既定で英語を表示言語として出荷されています。Visual Studio Marketplace から言語パック拡張機能をインストールすることで、表示言語を変更できます。
VS Code はオペレーティング システムの UI 言語を検出し、Marketplace で利用可能な場合は適切な言語パックをインストールするように促します。
現在の表示言語を変更するには
- コマンド パレットを開きます (⇧⌘P (Windows、Linux の場合 Ctrl+Shift+P))。
- 表示言語の構成 コマンドを選択します。
- リストから希望の言語を選択します。
- プロンプトが表示されたら VS Code を再起動します。
VS Code での表示言語の変更に関する詳細を確認してください。
次のステップ
VS Code をパーソナライズしたら、次のことができます