VS Code のパーソナライズ

VS Code は高度にカスタマイズ可能です。カラーテーマやアイコンテーマを使用してエディタの外観を変更したり、使い慣れたキーボードショートカットを割り当てたりできます。設定を使用することで、VS Code のエディタ、ユーザーインターフェイス、機能的な動作のほぼすべての部分を構成できます。

この記事では以下のトピックについて説明します

設定の構成

VS Code のほぼすべての側面は、設定を通じてカスタマイズできます。設定を使用すると、ワードラップの有効化やミニマップの表示などのエディタオプション、言語固有のデバッガー設定のセットアップ、ワークスペースの信頼(Workspace Trust)の有効化などを構成できます。Visual Studio Marketplace から拡張機能をインストールすると、それ独自の拡張機能設定が追加される場合があります。

設定エディタ(⌘, (Windows, Linux Ctrl+,))は、設定を変更するためのグラフィカルインターフェイスを提供します。設定を変更すると、VS Code はそれらを settings.json ファイルに保存します。必要に応じて、settings.json ファイルを直接編集することもできます。

Screenshot that shows the Settings editor, with the settings filtered by 'wordwrap'.

VS Code には2種類の設定があります。ユーザー設定はすべての VS Code インスタンスにグローバルに適用されますが、ワークスペース設定はプロジェクトとともに保存され、そのプロジェクトのみに適用されます。設定エディタでは、対応するタブを使用してユーザー設定とワークスペース設定を切り替えることができます。

設定エディタを使用して VS Code の設定を変更するには

  1. ファイル > ユーザー設定 > 設定メニューから設定エディタを開くか、⌘, (Windows, Linux Ctrl+,)を押します。

  2. ツリービューを使用するか、検索バーに入力して、変更したい設定を検索します。

  3. 設定エディタで設定を変更します。

    ヒント

    変更した設定を表示するには、設定エディタの検索バーで modified フィルター値を選択します。

ウェルカムページ

デフォルトでは、VS Code は起動時にウェルカムページを表示します。ウェルカムページでは、最近開いたプロジェクトを開く、リポジトリをクローンする、拡張機能をインストールするなど、一般的なタスクに素早くアクセスできます。

VS Code の起動時に表示する内容をカスタマイズできます。エージェントセッションを頻繁に使用する場合は、 workbench.startupEditor Open in VS Code Open in VS Code Insiders 設定を agentSessionsWelcomePage に設定すると、最近のセッション、埋め込みチャット、クイックアクションを備えたウェルカムページが表示されます。エージェントセッションのウェルカムページの詳細をご覧ください。

言語固有の設定の構成や、マシン間での設定の同期など、VS Code での設定の構成に関する詳細をご覧ください。

デフォルトのキーボードショートカットを変更する

VS Code では、ほとんどのタスクをキーボードから直接実行できます。VS Code をインストールすると、一連のデフォルトのキーボードショートカットが付属しています。UI 要素の上にマウスを合わせると、利用可能な場合はキーボードショートカットが表示されます。コマンドパレットでも、ショートカットがあるコマンドについてはキーボードショートカットが表示されます。

キーボードショートカットエディタ(⌘K ⌘S (Windows, Linux Ctrl+K Ctrl+S))を使用して、これらのデフォルトのショートカットをカスタマイズしたり、お気に入りのコマンドやアクションに新しいショートカットを追加したりできます。

Video that shows how to open the Keyboard Shortcuts editor, search for commands, and modify shortcuts.

キーボードショートカットエディタを使用して VS Code のキーボードショートカットを変更するには

  1. ファイル > ユーザー設定 > キーボードショートカットを選択するか、ショートカット⌘K ⌘S (Windows, Linux Ctrl+K Ctrl+S)を使用してキーボードショートカットエディタを開きます。
  2. 変更したいコマンドの横にある鉛筆アイコンを選択します。
  3. コマンドのショートカットとして割り当てたいキーを押します。

キーマップ拡張機能を使用すると、お使いのエディタに合わせて VS Code のショートカットを変更できます。コマンドパレットから Preferences: Keymaps コマンドを選択すると、キーマップ拡張機能のリストが表示されます。

キーボードルールの指定や複数のコマンドの実行など、VS Code でのキーボードショートカットの構成に関する詳細をご覧ください。

テーマを使用して VS Code の外観を変更する

テーマを使用すると、好みに合わせて VS Code の外観を変更できます。VS Code にはいくつかの組み込みテーマが付属しています。Visual Studio Marketplace からさらに多くのテーマをインストールできます。

カラーテーマを使用すると、Visual Studio Code のユーザーインターフェイスの色を、好みや作業環境に合わせて変更できます。テーマは、VS Code のユーザーインターフェイス要素とエディタの強調表示色の両方に影響します。VS Code は、さまざまな照明環境や個人の好みに合わせて、ライトカラーテーマとダークカラーテーマの両方をサポートしています。

Video that shows how to preview color themes from the Command Palette.

VS Code でカラーテーマを変更するには

  1. コマンドパレットを開きます(⇧⌘P (Windows, Linux Ctrl+Shift+P))。
  2. color と入力し、ユーザー設定: カラーテーマを選択します。
  3. 上矢印キーと 下矢印キーを使用してカラーテーマをプレビューし、Enter キーで選択します。
  4. 必要に応じて、カラーテーマの追加を検索を選択して、Visual Studio Marketplace でさらに多くのカラーテーマを閲覧できます。

VS Code には、ファイルアイコンテーマや独自のテーマの作成など、他にも多くのテーマ設定オプションがあります。VS Code のテーマに関する詳細をご覧ください。

表示言語を変更する

Visual Studio Code は、デフォルトで英語を表示言語として提供します。Visual Studio Marketplace から言語パック拡張機能をインストールすることで、表示言語を変更できます。

VS Code はオペレーティングシステムの UI 言語を検出し、Marketplace で利用可能な場合は適切な言語パックのインストールを促します。

現在の表示言語を変更するには

  1. コマンドパレットを開きます(⇧⌘P (Windows, Linux Ctrl+Shift+P))。
  2. Configure Display Language(表示言語の構成)コマンドを選択します。
  3. リストから希望の言語を選択します。
  4. 指示に従って VS Code を再起動します。

VS Code での表示言語の変更に関する詳細をご覧ください。

次のステップ

VS Code を自分好みにカスタマイズした後は、以下が可能です

© . This site is unofficial and not affiliated with Microsoft.