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+,) を押します。
-
ツリービューを使用するか、検索バーに入力して、変更する設定を検索します。
-
設定エディターで設定を変更します。
ヒント変更した設定を表示するには、設定エディターの検索バーで modified フィルター値を選択します。
言語固有の設定の構成やマシン間での設定の同期など、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 のショートカットを好みのエディターのショートカットに合わせて変更できます。コマンドパレットから Preferences: Keymaps コマンドを選択して、キーマップ拡張機能のリストを表示します。
キーボードルールや複数のコマンドの実行など、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 と入力し、Preferences: Color Theme を選択します。
- 上および下キーを使用してカラーテーマをプレビューし、Enterキーを使用して 1 つを選択します。
- オプションで、Browse Additional Color Themes を選択して、Visual Studio Marketplace で他のカラーテーマを検索します。
VS Code には、ファイルアイコンテーマや独自のテーマの作成など、さらに多くのテーマオプションがあります。VS Code のテーマの詳細をご覧ください。
表示言語の変更
Visual Studio Code は、デフォルトで表示言語として英語で出荷されます。Visual Studio Marketplace から言語パック拡張機能をインストールして、表示言語を変更できます。
VS Code は、オペレーティングシステムの UI 言語を検出し、マーケットプレースで利用可能な場合は、適切な言語パックをインストールするように求めます。
現在の表示言語を変更するには
- コマンドパレットを開きます(⇧⌘P (Windows、Linux Ctrl+Shift+P))。
- Configure Display Language コマンドを選択します。
- リストから優先する言語を選択します。
- プロンプトが表示されたら VS Code を再起動します。
VS Code での表示言語の変更の詳細をご覧ください。
次のステップ
VS Code をパーソナライズしたら、次のことができます