Visual Studio Code のプロファイル

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

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

プロファイルエディターを使用すると、VS Code でプロファイルを一箇所から作成および管理できます。

Screenshot that shows the Profiles editor.

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

ファイル > 設定 > プロファイル メニュー項目から
アクティビティバーの下部にある管理ギアボタンから。

プロファイルの作成

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

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

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

Copy from options

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

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

Configure, browse and preview profile

[プレビュー] ボタンを選択して、新しいプロファイルを作成する前にプレビューします。これにより、新しいプロファイルが適用された新しい VS Code ウィンドウが開きます。プレビューに満足したら、[作成] ボタンを選択して新しいプロファイルを作成できます。

現在のプロファイルを確認する

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

VS Code タイトルバー内
アクティビティバーの [管理] ボタンにカーソルを合わせたときのホバーテキスト内

プロファイルのアイコンを構成した場合、このアイコンはアクティビティバーの [管理] ボタンとして使用されます。次のスクリーンショットでは、[管理] ボタンにマイクアイコンが表示され、プロファイルがアクティブになっていることを示していることに注意してください。

アイコンを構成していない場合、[管理] ギアボタンには、アクティブなプロファイルの最初の 2 文字のバッジが表示されるため、実行しているプロファイルをすばやく確認できます。
プロファイルエディター内

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

プロファイルの構成

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

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

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

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

Folders & Workspaces section

プロファイルの管理

プロファイルの切り替え

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

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

プロファイルの編集

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

プロファイルの削除

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

[プロファイルの削除] コマンドを使用してプロファイルを削除することもできます。[プロファイルの削除] ドロップダウンを使用すると、削除するプロファイルを選択できます。

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

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

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

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

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

Apply setting to all Profiles

いずれかのプロファイル内からこの設定を更新すると、他のすべてのプロファイルにも適用されます。[すべてのプロファイルに設定を適用] アクションをオフにすることで、いつでもこの動作を元に戻すことができます。

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

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

Apply an extension to all Profiles

これにより、この拡張機能がすべてのプロファイルで使用できるようになります。[すべてのプロファイルに拡張機能を適用] アクションをオフにすることで、いつでもこの動作を元に戻すことができます。

マシン間でプロファイルを同期する

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

Settings Sync data drop down with Profiles checked

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

プロファイルの共有

エクスポート

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

[エクスポート...] を選択すると、プロファイル名と、GitHub gist またはローカルファイルシステムのどちらにエクスポートするかを尋ねられます。

GitHub gist として保存

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

プロファイル URL を起動すると、VS Code for the Web が開き、プロファイルエディターが開いてインポートされたプロファイルコンテンツが表示されます。必要に応じてプロファイル要素の選択を解除できます。また、VS Code for the Web でそのプロファイルを引き続き使用する場合は、手動で [拡張機能のインストール] (ダウンロードクラウドボタン経由) を行う必要があります。

[Visual Studio Code にプロファイルをインポート] するオプションもあり、VS Code デスクトップが開き、プロファイルのコンテンツが表示され、[プロファイルのインポート] ボタンが表示されます。

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

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

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

インポート

[新しいプロファイル] ボタンのドロップダウンアクションにある [プロファイルのインポート...] ボタンを選択して、プロファイルエディターから既存のプロファイルをインポートできます。

[プロファイルのインポート...] を選択すると、[プロファイルのインポート] ダイアログを介して GitHub gist の URL またはプロファイルのファイル場所を尋ねられます。プロファイルを選択すると、インポートするプロファイルが事前に選択された状態で、プロファイル作成フォームが開きます。プロファイルの変更を続行し、[作成] を選択してプロファイルをインポートできます。

プロファイルの用途

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

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

デモ

デモを行う場合、プロファイルを使用してデモ用の特定の構成をセットアップできます。たとえば、ズームレベル、フォントサイズ、配色テーマなどの特定の拡張機能と設定のセットを持つプロファイルを作成できます。これにより、デモによって通常の VS Code セットアップが混乱することはなく、プレゼンテーション中の視認性を高めるために VS Code をカスタマイズできます。

教育

プロファイルを使用して、教室環境での使用を容易にするために学生向けに VS Code をカスタマイズできます。プロファイルを使用すると、教育者はカスタマイズされた VS Code セットアップを学生とすばやく共有できます。たとえば、教育者は、コンピューターサイエンスのクラスに必要な特定の拡張機能と設定のセットを持つプロファイルを作成し、そのプロファイルを学生と共有できます。

VS Code の問題を報告する

空のプロファイルの用途の 1 つは、VS Code の問題を報告するときにエディターをリセットすることです。空のプロファイルは、すべての拡張機能と変更された設定を無効にするため、問題が拡張機能、設定、または VS Code コアにあるかどうかをすばやく確認できます。

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

VS Code には、特定のワークフローに合わせて VS Code をカスタマイズするために使用できる事前定義されたプロファイルテンプレートのセットが付属しています。テンプレートに基づいて新しいプロファイルを作成するには、[プロファイルの作成] フローを実行するときにプロファイルテンプレートを選択します。

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

Python プロファイルは、Python 開発の良い出発点です。Python 固有のスニペットが付属しており、次の拡張機能があります。

autoDocstring - Python ドキュメント文字列を自動的に生成します。
Docker - コンテナー化されたアプリケーションを作成、管理、およびデバッグします。
Even Better TOML - pyproject.toml ファイルなどのフル機能の TOML サポート。
Python - IntelliSense、環境管理、デバッグ、リファクタリング。
Python Environments - 優先する環境マネージャーを使用して、Python 環境とパッケージを管理します。
Remote Development 拡張機能パック - SSH、WSL、および開発コンテナーをサポートします。
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 Notebooks を使用します。
Python - IntelliSense、環境管理、デバッグ、リファクタリング。
Remote Development 拡張機能パック - SSH、WSL、および開発コンテナーをサポートします。
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 プレビューに ^footnote 構文のサポートを追加します。
Markdown Preview GitHub Styling - Markdown プレビューで GitHub スタイルを使用します。
Markdown Preview Mermaid Support - Mermaid 図とフローチャート。
Markdown yaml Preamble - YAML フロントマターをテーブルとしてレンダリングします。
markdownlint - Visual Studio Code の Markdown linting およびスタイルチェック。
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 作業の良い出発点です。次の拡張機能が付属しています。

ESLint - ESLint JavaScript を VS Code に統合します。
Dev Containers - Docker コンテナー内にカスタム開発環境を作成します。
Docker - コンテナー化されたアプリケーションを作成、管理、およびデバッグします。
DotENV - dotenv ファイル構文のサポート。
EditorConfig for VS Code - Visual Studio Code の EditorConfig サポート。
JavaScript (ES6) code snippets - ES6 構文の JavaScript 用コードスニペット。
Jest - Facebook の jest テストフレームワークを使用します。
Microsoft Edge Tools for VS Code - VS Code 内から Microsoft Edge ツールを使用します。
npm Intellisense - インポートステートメントで npm モジュールを自動補完します。
Prettier - Code formatter - Prettier を使用したコードフォーマッター。
Rest Client - Visual Studio Code 用 REST クライアント。
YAML - Kubernetes 構文が組み込まれた YAML 言語サポート。

このプロファイルには、次の設定が付属しています

    "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 作業の良い出発点です。次の拡張機能が付属しています。

Angular Language Service - Angular テンプレートのエディターサービス。
Angular Schematics - Angular schematics (CLI コマンド) を統合します。
angular2-switcher - angular2 プロジェクトで typescript|template|style に簡単に移動します。
Dev Containers - Docker コンテナー内にカスタム開発環境を作成します。
EditorConfig for VS Code - Visual Studio Code の EditorConfig サポート。
ESLint - ESLint JavaScript を VS Code に統合します。
JavaScript (ES6) code snippets - ES6 構文の JavaScript 用コードスニペット。
Jest - Facebook の jest テストフレームワークを使用します。
Material Icon Theme - Visual Studio Code 用 Material Design アイコン。
Microsoft Edge Tools for VS Code - VS Code 内から Microsoft Edge ツールを使用します。
Playwright Test for VSCode - Visual Studio Code で Playwright テストを実行します。
Prettier - Code formatter - Prettier を使用したコードフォーマッター。
Rest Client - Visual Studio Code 用 REST クライアント。
YAML - Kubernetes 構文が組み込まれた YAML 言語サポート。

このプロファイルでは、次の設定が行われます

    "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 の次の拡張機能が付属しています。

Debugger for Java - 軽量な Java デバッガー。
IntelliCode - AI 支援開発。
IntelliCode API Usage Examples - 10 万を超えるさまざまな API のコード例を提供します。
Language Support for Java(TM) by Red Hat - 基本的な Java 言語サポート、Linting、Intellisense、フォーマット、リファクタリング。
Maven for Java - Maven プロジェクトとビルドを管理します。
Project Manager for Java - VS Code 内で Java プロジェクトを管理します。
Test Runner for Java - JUnit または TestNG テストケースを実行およびデバッグします。

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

Java Spring プロファイルは、すべての Java および Spring 開発者にとって良い出発点です。Java 一般プロファイルに基づいて構築されており、Spring Boot Extension Pack の次の拡張機能を追加します。

Spring Boot Dashboard - 実行中の Spring アプリケーションで Spring Boot ライブデータ視覚化と監視を提供します。
Spring Boot Tools - Spring Boot ファイルの豊富な言語サポート。
Spring Initializr Java Support - Spring Boot Java プロジェクトをスキャフォールドして生成します。

このプロファイルでは、次の設定が行われます

    "[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 によって外部でホストされており、インターネットに接続している場合にのみテンプレートをダウンロードして適用できます。プロファイルテンプレートが利用できない場合は、インターネット接続を確認してください。

04/03/2025