Visual Studio Code のプロファイル

Visual Studio Code には数百の設定、数千の拡張機能があり、UI レイアウトを調整してエディターをカスタマイズする方法は無数にあります。VS Code のプロファイルを使用すると、カスタマイズのセットを作成し、それらをすばやく切り替えたり、他のユーザーと共有したりできます。このトピックでは、プロファイルエディターを使用してプロファイルを作成、変更、エクスポート、インポートする方法について説明します。

プロファイルエディターへのアクセス

プロファイルエディターを使用すると、VS Code のプロファイルを一元的に作成および管理できます。プロファイルエディターは、デフォルトではエディター領域の上にモーダルオーバーレイとして開きます。

Screenshot that shows the Profiles editor.

プロファイルエディターには、以下のいずれかの方法でアクセスできます。

  • ファイル > ユーザー設定 > プロファイル メニュー項目から

    Profiles editor Menu Item

  • アクティビティバーの下部にある 管理 歯車ボタンから

    Profiles editor via the Manage button in the Activity bar

プロファイルの作成

VS Code は現在の構成をデフォルトプロファイルとして扱います。設定を変更したり、拡張機能をインストールしたり、ビューを移動して UI レイアウトを変更したりすると、これらのカスタマイズはデフォルトプロファイルに記録されます。

新しいプロファイルを作成するには、プロファイルエディターを開き、新しいプロファイルボタンを選択します。これにより「新しいプロファイル」フォームが開きます。ここでプロファイル名を入力し、アイコンを選択し、新しいプロファイルに含めるコンテンツを構成できます。

Create Profile

プロファイルテンプレートからコンテンツをコピーして新しいプロファイルを作成するか、既存のプロファイルからコピーするか、空のプロファイルを作成するかを選択できます。空のプロファイルには、設定、拡張機能、スニペットなどのユーザーカスタマイズは一切含まれません。

Copy from options

新しいプロファイルを構成のサブセット(設定、キーボードショートカット、MCP サーバー、スニペット、タスク、拡張機能)のみに制限し、残りの構成をデフォルトプロファイルから使用するように設定することもできます。たとえば、キーボードショートカット以外のすべての構成を含むプロファイルを作成すると、そのプロファイルがアクティブなとき、VS Code はデフォルトプロファイルのキーボードショートカットを適用します。

コピー元のテンプレートまたはプロファイルのコンテンツは、コンテンツセクションで確認できます。各セクションの横にある開くボタンを選択すると、その内容を表示できます。

Configure, browse and preview profile

プレビューボタンを選択すると、作成前に新しいプロファイルをプレビューできます。これにより、新しいプロファイルが適用された新しい VS Code ウィンドウが開きます。プレビューの内容に問題がなければ、作成ボタンを選択して新しいプロファイルを作成します。

現在のプロファイルの確認

VS Code ウィンドウで現在使用されているプロファイルは、VS Code UI の以下の場所で確認できます。

  • VS Code のタイトルバー

  • アクティビティバーの管理ボタンにカーソルを合わせたときに表示されるホバーテキスト

    プロファイルにアイコンを設定している場合、そのアイコンがアクティビティバーの管理ボタンとして使用されます。以下のスクリーンショットでは、管理ボタンがマイクアイコンになっており、プロファイルがアクティブであることがわかります。

    Manage gear displaying icon to indicate that the user's profile is active

    アイコンを設定していない場合、管理歯車ボタンにはアクティブなプロファイルの最初の2文字を示すバッジが表示されるため、現在どのプロファイルを実行しているかをすばやく確認できます。

    Manage gear displaying 'DA' to indicate that the user's 'Data Science' profile is active

  • プロファイルエディター内

    Showing current profile in the Profiles editor

注意: デフォルトプロファイルを使用している場合、プロファイル名は表示されません。

プロファイルの構成

プロファイルの構成は、通常の VS Code の設定変更と同じように行えます。拡張機能のインストール/アンインストール/無効化、設定の変更、エディターの UI レイアウトの調整(ビューの移動や非表示など)が可能です。これらの変更を適用すると、現在のプロファイルに保存されます。

フォルダーとワークスペースの関連付け

プロファイルを作成または選択すると、そのプロファイルが現在のフォルダーまたはワークスペースに関連付けられます。そのフォルダーを開くたびに、そのワークスペースのプロファイルがアクティブになります。別のフォルダーを開くと、プロファイルは(設定されていれば)そのフォルダーのプロファイルに切り替わります。

プロファイルに関連付けられているフォルダーのリストは、プロファイルエディターフォルダーとワークスペースセクションで表示できます。

Folders & Workspaces section

プロファイルの管理

プロファイルの切り替え

コマンドパレットで プロファイル: プロファイルの切り替え コマンドを使用すると、利用可能なプロファイルがドロップダウンリストで表示され、すばやく切り替えることができます。

また、プロファイルエディターから、切り替えたいプロファイルの横にある現在のウィンドウでこのプロファイルを使用するボタンを選択することでも切り替え可能です。

Switch profile from the Profiles editor

プロファイルの編集

プロファイルエディターでは、既存のプロファイルの名前、アイコン、その他の構成を編集できます。

プロファイルの削除

プロファイルエディターで、削除したいプロファイルのオーバーフローアクションにあるプロファイルの削除ボタンを選択すると、プロファイルを削除できます。

Delete profile from the Profiles editor

また、プロファイルの削除コマンドからも削除可能です。このドロップダウンから削除するプロファイルを選択できます。

プロファイルを指定して新しいウィンドウを開く

プロファイルエディターの「プロファイルコンテンツ」ビューにある新しいウィンドウで使用オプションを使用すると、新しい VS Code ウィンドウを開く際に使用するプロファイルを選択できます。

Configure custom profile for new window

ファイル > プロファイルを指定して新しいウィンドウを開く メニューから使用したいプロファイルを選択すると、そのプロファイルで新しい VS Code ウィンドウを直接開くことができます。

すべてのプロファイルに設定を適用する

設定をすべてのプロファイルに適用するには、設定エディターのすべてのプロファイルに設定を適用アクションを使用します。

Apply setting to all Profiles

この設定への変更は、どのプロファイルから行っても他のすべてのプロファイルにも適用されます。すべてのプロファイルに設定を適用アクションのチェックを外せば、いつでもこの動作を元に戻すことができます。

すべてのプロファイルに拡張機能を適用する

拡張機能をすべてのプロファイルに適用するには、拡張機能ビューのすべてのプロファイルに拡張機能を適用アクションを選択します。

Apply an extension to all Profiles

これにより、その拡張機能がすべてのプロファイルで使用可能になります。すべてのプロファイルに拡張機能を適用アクションのチェックを外せば、いつでもこの動作を元に戻すことができます。

マシン間でのプロファイルの同期

設定の同期 (Settings Sync) を使用して、さまざまなマシン間でプロファイルを移動できます。設定の同期が有効で、設定の同期: 構成ドロップダウンでプロファイルにチェックが入っている場合、すべてのプロファイルが同期されたマシンで使用可能になります。

Settings Sync data drop down with Profiles checked

注意: VS Code は、SSH、開発コンテナ (devcontainer)、WSL への接続時など、リモートウィンドウとの間で拡張機能を同期しません。

プロファイルの共有

エクスポート

プロファイルを保存したり他のユーザーと共有したりするために、エクスポートしたいプロファイルのオーバーフローアクションにあるエクスポート...ボタンを使用してエクスポートできます。

Export profile from the Profiles editor

エクスポート...を選択すると、プロファイル名の入力を求められ、GitHub Gist にエクスポートするか、ローカルファイルシステムにエクスポートするかを選択できます。

GitHub Gist として保存

プロファイルを GitHub に保存した後(GitHub へのログインを求められます)、ダイアログが表示され、プロファイルの Gist URL を他のユーザーと共有するためのリンクのコピーオプションが提供されます。URL には自動生成された GUID が含まれ、形式は https://vscode.dev/editor/profile/github/{GUID} となります。GitHub Gist は非公開 (Secret) としてマークされるため、リンクを持っているユーザーのみが Gist を閲覧できます。

プロファイルの URL を起動すると、Web 版 VS Code が開き、プロファイルエディターが表示された状態でインポートされたプロファイルの中身が確認できます。必要に応じてプロファイルの要素を選択解除したり、Web 版 VS Code でそのプロファイルを使い続けたい場合は、(クラウドのダウンロードボタンから)手動で拡張機能をインストールする必要があります。

また、Visual Studio Code にプロファイルをインポートするオプションもあり、これを選択すると VS Code デスクトップ版が開き、プロファイルの内容が表示された状態でプロファイルのインポートボタンが表示されます。

Gist は https://gist.github.com/{username} から確認できます。GitHub の Gist ページから、Gist の名前変更、削除、または GUID のコピーが可能です。

ローカルファイルとして保存

プロファイルをローカルファイルとして保存することを選択した場合、プロファイルの保存ダイアログが表示され、ローカルマシン上にファイルを配置できます。プロファイルは .code-profile という拡張子のファイルとして保存されます。

インポート

既存のプロファイルをインポートするには、プロファイルエディター新しいプロファイルボタンのドロップダウンメニューからプロファイルのインポート...を選択します。

Import profile from the Profiles editor

プロファイルのインポート...を選択すると、プロファイルのインポートダイアログを通じて GitHub Gist の URL またはプロファイルのファイルパスの入力を求められます。プロファイルを選択すると、選択済みの状態のプロファイル作成フォームが開きます。プロファイルを必要に応じて変更し、作成を選択してインポートを完了します。

プロファイルの用途

プロファイルは、ニーズに合わせて VS Code をカスタマイズするのに最適な方法です。このセクションでは、一般的なプロファイルのユースケースを紹介します。

プロファイルはワークスペースごとに保存されるため、特定のプログラミング言語に合わせて VS Code をカスタマイズするのに最適です。たとえば、あるワークスペースでは JavaScript の開発に使用する拡張機能、設定、カスタマイズを含む「JavaScript フロントエンド」プロファイルを作成し、別のワークスペースでは Python の開発に使用する「Python バックエンド」プロファイルを作成できます。このアプローチにより、ワークスペースを切り替えるだけで、常に適切な構成の VS Code を使用できます。

デモ

デモを行う際には、プロファイルを使用してデモ専用の構成を作成できます。たとえば、特定の拡張機能セットや、ズームレベル、フォントサイズ、カラーテーマなどの設定を含んだプロファイルを作成します。これにより、普段の VS Code 環境を汚すことなく、プレゼンテーションに適した表示設定でデモを行うことができます。

教育

プロファイルは、教育現場で生徒が VS Code を使いやすくするためにカスタマイズできます。教育者はプロファイルを使用して、カスタマイズされた VS Code 設定を生徒と簡単に共有できます。たとえば、コンピュータサイエンスの授業に必要な特定の拡張機能と設定を含むプロファイルを作成し、それを生徒に配布することができます。

VS Code の問題報告

「空のプロファイル」の用途の一つは、VS Code の問題を報告する際にエディターをリセットすることです。空のプロファイルではすべての拡張機能が無効になり、設定もリセットされるため、問題の原因が拡張機能によるものか、設定によるものか、あるいは VS Code コアにあるのかをすばやく切り分けることができます。

プロファイルテンプレート

VS Code には、特定のワークフローに合わせてカスタマイズできる事前定義済みのプロファイルテンプレートが付属しています。テンプレートに基づいて新しいプロファイルを作成するには、プロファイルの作成フロー内で「プロファイルテンプレート」を選択します。

Python プロファイルテンプレート

Python プロファイルは、Python 開発を開始するのに適したテンプレートです。Python 専用のスニペットが付属しており、以下の拡張機能が含まれています。

  • autoDocstring - Python の docstring を自動生成します。
  • Container Tools - コンテナ化されたアプリケーションの作成、管理、デバッグを行います。
  • Even Better TOML - pyproject.toml などのファイル向けに、フル機能の TOML サポートを提供します。
  • Python - IntelliSense、環境管理、デバッグ、リファクタリングをサポートします。
  • Python Environments - 任意の環境マネージャーを使用して Python 環境やパッケージを管理します。
  • Remote Development 拡張機能パック - SSH、WSL、Dev Containers をサポートします。
  • Ruff - Ruff Python リンターおよびフォーマッターと統合します。

このプロファイルは以下の設定も行います。

    "python.analysis.autoImportCompletions": true,
    "python.analysis.fixAll": ["source.unusedImports"],
    "editor.defaultFormatter": "charliermarsh.ruff"

データサイエンスプロファイルテンプレート

データサイエンスプロファイルは、すべてのデータおよびノートブック作業を開始するのに適したテンプレートです。専用のスニペットが付属しており、以下の拡張機能が含まれています。

  • Data Wrangler - 表形式データセットや Excel/CSV/Parquet ファイルのデータ表示、クリーニング、準備を行います。
  • GitHub Copilot - AI を活用したコーディングツールおよびエージェント。
  • Jupyter - VS Code 内で Jupyter ノートブックを使用します。
  • Python - IntelliSense、環境管理、デバッグ、リファクタリングをサポートします。
  • Remote Development 拡張機能パック - SSH、WSL、Dev Containers をサポートします。
  • Ruff - Ruff Python リンターおよびフォーマッターと統合します。

このプロファイルは以下の設定も行います。

    "[python]": {
        "editor.defaultFormatter": "charliermarsh.ruff",
        "editor.formatOnType": true,
        "editor.formatOnSave": true
    },
    "editor.inlineSuggest.enabled": true,
    "editor.lineHeight": 17,
    "breadcrumbs.enabled": false,
    "files.autoSave": "afterDelay",
    "notebook.output.scrolling": true,
    "jupyter.themeMatplotlibPlots": true,
    "jupyter.widgetScriptSources": [
        "unpkg.com",
        "jsdelivr.com"
    ],
    "files.exclude": {
        "**/.csv": true,
        "**/.parquet": true,
        "**/.pkl": true,
        "**/.xls": true
    }

ドキュメント作成プロファイルテンプレート

ドキュメント作成プロファイルは、ドキュメント作成に適した軽量な設定です。以下の拡張機能が含まれています。

  • Code Spell Checker - ソースコード向けのスペルチェッカー。
  • Markdown Checkboxes - VS Code 内蔵の Markdown プレビューにチェックボックスサポートを追加します。
  • Markdown Emoji - Markdown プレビューおよびノートブックの Markdown セルに絵文字構文サポートを追加します。
  • Markdown Footnotes - Markdown プレビューに ^脚注 構文サポートを追加します。
  • Markdown Preview GitHub Styling - Markdown プレビューで GitHub スタイルを使用します。
  • Markdown Preview Mermaid Support - Mermaid 図およびフローチャートをサポートします。
  • Markdown yaml Preamble - YAML フロントマターを表形式でレンダリングします。
  • markdownlint - VS Code 向けの Markdown リントおよびスタイルチェック。
  • Word Count - ステータスバーで Markdown ドキュメントの単語数を表示します。
  • Read Time - Markdown の読了時間を推定します。

このプロファイルは以下の設定も行います。

    "workbench.colorTheme": "Default Light Modern",
    "editor.minimap.enabled": false,
    "breadcrumbs.enabled": false,
    "editor.glyphMargin": false,
    "explorer.decorations.badges": false,
    "explorer.decorations.colors": false,
    "editor.fontLigatures": true,
    "files.autoSave": "afterDelay",
    "git.enableSmartCommit": true,
    "window.commandCenter": true,
    "editor.renderWhitespace": "none",
    "workbench.editor.untitled.hint": "hidden",
    "markdown.validate.enabled": true,
    "markdown.updateLinksOnFileMove.enabled": "prompt",
    "workbench.startupEditor": "none"

Node.js プロファイルテンプレート

Node.js プロファイルは、Node.js 関連のすべての作業を開始するのに適したテンプレートです。以下の拡張機能が含まれています。

このプロファイルは以下の設定を含みます。

    "editor.formatOnPaste": true,
    "git.autofetch": true,
    "[markdown]":  {
        "editor.wordWrap": "on"
    },
    "[json]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[jsonc]": {
        "editor.defaultFormatter": "vscode.json-language-features"
    },
    "[html]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[typescript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    }

Angular プロファイルテンプレート

Angular プロファイルは、Angular 関連のすべての作業を開始するのに適したテンプレートです。以下の拡張機能が含まれています。

このプロファイルは以下の設定を行います。

    "editor.formatOnPaste": true,
    "git.autofetch": true,
    "[markdown]":  {
        "editor.wordWrap": "on"
    },
    "[json]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[jsonc]": {
        "editor.defaultFormatter": "vscode.json-language-features"
    },
    "[html]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[typescript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "workbench.iconTheme": "material-icon-theme"

Java 一般プロファイルテンプレート

Java 一般プロファイルは、Java 関連のすべての作業を開始するのに適したテンプレートです。Java の体験を向上させるためにレイアウトをカスタマイズしており、Extension Pack for Java から以下の拡張機能が含まれています。

Java Spring プロファイルテンプレート

Java Spring プロファイルは、すべての Java および Spring 開発者にとって良い出発点となります。Java 一般プロファイルをベースにしており、Spring Boot Extension Pack から以下の拡張機能を追加します。

このプロファイルは以下の設定を行います。

    "[java]": {
        "editor.defaultFormatter": "redhat.java"
    },
    "boot-java.rewrite.reconcile": true

コマンドライン

コマンドラインインターフェイスの --profile オプションを使用して、特定のプロファイルで VS Code を起動できます。--profile 引数の後にプロファイル名を渡し、フォルダーまたはワークスペースを開きます。以下のコマンドは、「Web Development」プロファイルを使用して web-sample フォルダーを開きます。

code ~/projects/web-sample --profile "Web Development"

指定されたプロファイルが存在しない場合、指定された名前の新しい空のプロファイルが作成されます。

よくある質問

プロファイルはどこに保存されますか?

プロファイルは、ユーザー設定やキーボードショートカットと同様に、ユーザー構成の下に保存されます。

  • Windows %APPDATA%\Code\User\profiles
  • macOS $HOME/Library/Application\ Support/Code/User/profiles
  • Linux $HOME/.config/Code/User/profiles

Insiders バージョンを使用している場合、中間フォルダー名は Code - Insiders になります。

一時プロファイルとは何ですか?

一時プロファイルは、VS Code セッションをまたいで保存されないプロファイルです。コマンドパレットの プロファイル: 一時プロファイルの作成 コマンドを使用して作成します。一時プロファイルは「空のプロファイル」として開始され、自動的に生成された名前(例:Temp 1)が付きます。プロファイルの設定や拡張機能を変更して VS Code セッション期間中に使用できますが、VS Code を閉じると削除されます。

一時プロファイルは、デフォルトや既存のプロファイルを変更せずに、新しい構成を試したり拡張機能をテストしたりする場合に便利です。VS Code を再起動すると、ワークスペースの現在のプロファイルが再び有効になります。

別のプロファイルから設定を継承できますか?

現在、特定の項目のみを上書きして残りを別のプロファイルから引き継ぐような設定の継承はできません。この機能要望は vscode リポジトリで追跡しています

新しいプロファイルを作成する際、別のプロファイルやデフォルトプロファイルから設定をコピーすることは選択できます。これにより、新しいプロファイルに設定がコピーされますが、コピー元となったプロファイルとのリンクは保持されません。

プロジェクトからプロファイルを削除するにはどうすればよいですか?

プロジェクトをデフォルトプロファイルに戻すことができます。プロファイルのワークスペース関連付けをすべて削除したい場合は、開発者: ワークスペースプロファイルの関連付けをリセットを使用すると、プロファイルが割り当てられているすべてのローカルフォルダーがデフォルトプロファイルに戻ります。このリセット操作によって既存のプロファイルが削除されることはありません。

プロファイルのエクスポート時に一部の設定がエクスポートされないのはなぜですか?

プロファイルのエクスポート時、マシン固有の設定はエクスポートされません。これは、それらの設定が他のマシンでは適用できないためです。たとえば、ローカルパスを指す設定などは含まれません。

新しいプロファイルを作成するときにテンプレートが利用できないのはなぜですか?

プロファイルテンプレートは VS Code によって外部ホストされているため、インターネットに接続している場合にのみダウンロードして適用できます。テンプレートが利用できない場合は、インターネット接続を確認してください。

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