📘

Visual Studio Code のプロファイル

に公開

Visual Studio Code のプロファイル

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

プロファイルエディターにアクセスする

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

-

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

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

-

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

-

プロファイルを作成する

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

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

-

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

-

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

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

-

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

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

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

  • VS Code のタイトルバー

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

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

-

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

-

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

-

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

プロファイルを構成する

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

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

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

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

-

プロファイルを管理する

プロファイルを切り替える

コマンドパレットの プロファイル: プロファイルを切り替える コマンドを使用すると、利用可能なプロファイルのドロップダウンリストが表示され、プロファイルをすばやく切り替えることができます。
プロファイルエディターから、切り替えたいプロファイルの横にある 現在のウィンドウにこのプロファイルを使用 ボタンを選択してプロファイルを切り替えることもできます。

-

プロファイルを編集する

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

プロファイルを削除する

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

-

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

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

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

-

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

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

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

-

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

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

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

-

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

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

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

-

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

プロファイルを共有する

エクスポート

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

-

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

GitHub Gist として保存する

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

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

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

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

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

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

インポート

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

-

プロファイルをインポート... を選択すると、プロファイルをインポート ダイアログを通じて、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 コアにあるかどうかをすばやく確認できます。

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

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

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

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

  • autoDocstring - Python のドキュメント文字列を自動生成します。
  • Docker - コンテナー化されたアプリケーションを作成、管理、デバッグします。
  • Even Better TOML - pyproject.toml ファイルなどのためのフル機能の TOML サポートを提供します。
  • Python - IntelliSense、環境管理、デバッグ、リファクタリングを提供します。
  • Python Environments - 好みの環境マネージャーを使用して Python 環境とパッケージを管理します。
  • Remote Development extension pack - 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 extension pack - 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 プレビューに ^footnote 構文サポートを追加します。
  • Markdown Preview GitHub Styling - Markdown プレビューで GitHub スタイルを使用します。
  • Markdown Preview Mermaid Support - Mermaid 図やフローチャートを表示します。
  • Markdown yaml Preamble - YAML フロントマターを表としてレンダリングします。
  • markdownlint - Visual Studio 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 作業の優れた出発点です。以下の拡張機能が含まれています。

  • ESLint - VS Code に ESLint JavaScript を統合します。
  • 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 Tools を使用します。
  • 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 - VS Code に ESLint JavaScript を統合します。
  • 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 Tools を使用します。
  • 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 General プロファイルテンプレート

Java General プロファイルは、すべての 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 の基本的な言語サポート、リンティング、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 General プロファイルに基づいて構築され、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 によって外部でホストされており、インターネットに接続している場合にのみテンプレートをダウンロードして適用できます。プロファイルテンプレートが利用できない場合は、インターネット接続を確認してください。


2025年5月8日

Discussion