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 のショートカットを好みのエディターのものに合わせて変更できます。コマンド パレットから [ユーザー設定: キーマップ] コマンドを選択すると、キーマップ拡張機能の一覧が表示されます。
キーボード ルールの指定や複数のコマンドの実行など、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 をパーソナライズした後、次のことができます。