Visual Studio Code のプロファイル

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

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

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

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は秘密としてマークされているため、リンクを知っているユーザーのみが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フロントエンドプロファイルを作成し、別のワークスペースでは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のdocstringを自動的に生成します。
Docker - コンテナ化されたアプリケーションの作成、管理、デバッグを行います。
Even Better TOML - 例えばpyproject.tomlファイルなどのTOMLをフル機能でサポートします。
Python - IntelliSense、環境管理、デバッグ、リファクタリング。
Python Environment Manager - 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プレビューに^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 - import文で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のマテリアルデザインアイコン。
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 使用例 - 10万種類以上のAPIのコード例を提供します。
Red HatによるJava(TM)言語サポート - Java言語の基本サポート、Lint、IntelliSense、フォーマット、リファクタリングを提供します。
Maven for Java - Mavenプロジェクトとビルドを管理します。
Javaプロジェクトマネージャー - VS Code内でJavaプロジェクトを管理します。
Javaテストランナー - JUnitまたはTestNGテストケースを実行およびデバッグします。

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

Java Springプロファイルは、すべてのJavaおよびSpring開発者にとって優れた出発点です。Java汎用プロファイルに基づいて構築され、Spring Boot Extension Packから以下の拡張機能を追加します。

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

このプロファイルは、次の設定を設定します。

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

コマンドライン

--profileコマンドラインインターフェースオプションを使用して、特定のプロファイルでVS Codeを起動できます。--profile引数の後にプロファイルの名前を渡し、そのプロファイルを使用してフォルダまたはワークスペースを開きます。以下のコマンドラインは、「Web開発」プロファイルを使用して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になります。Insiders

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

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

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

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

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

プロファイルをエクスポートするときに、一部の設定がエクスポートされないのはなぜですか？

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

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

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

12/11/2024