Visual Studio Code のプロファイル
Visual Studio Code には、何百もの設定、何千もの拡張機能、そしてエディターをカスタマイズするための無数の UI レイアウト調整方法があります。VS Code の プロファイル を使用すると、カスタマイズのセットを作成し、それらを素早く切り替えたり、他の人と共有したりできます。このトピックでは、プロファイル エディター を使用してプロファイルを作成、変更、エクスポート、インポートする方法について説明します。
プロファイル エディターにアクセスする
プロファイル エディター を使用すると、VS Code のプロファイルを 1 か所で作成および管理できます。
プロファイル エディターには、次のいずれかの方法でアクセスできます。
-
[ファイル] > [ユーザー設定] > [プロファイル] メニュー項目から
-
アクティビティ バーの下部にある [管理] 歯車ボタンから。
プロファイルの作成
VS Code は現在の構成を 既定のプロファイル として扱います。設定を変更したり、拡張機能をインストールしたり、ビューを移動して UI レイアウトを変更したりすると、これらのカスタマイズは既定のプロファイルに記録されます。
新しいプロファイルを作成するには、プロファイル エディターを開き、[新しいプロファイル] ボタンを選択します。これにより、[新しいプロファイル] フォームが開き、プロファイル名を入力し、アイコンを選択し、新しいプロファイルに含まれる内容を構成できます。
プロファイル テンプレートまたは既存のプロファイルから内容をコピーして新しいプロファイルを作成するか、空のプロファイル を作成するかを選択できます。空のプロファイルには、設定、拡張機能、スニペットなどのユーザー カスタマイズは含まれません。
新しいプロファイルに構成 (設定、キーボード ショートカット、MCP サーバー、スニペット、タスク、拡張機能) のサブセットのみを含めるように制限し、残りの構成は既定のプロファイルから使用することができます。たとえば、キーボード ショートカットを除くすべての構成を持つプロファイルを作成すると、このプロファイルがアクティブな場合、VS Code は既定のプロファイルからキーボード ショートカットを適用します。
[内容] セクションで、コピー元のテンプレートまたはプロファイルの内容を参照できます。各セクションの横にある [開く] ボタンを選択して、その内容を表示できます。
[プレビュー] ボタンを選択して、作成前に新しいプロファイルをプレビューします。これにより、新しいプロファイルが適用された新しい VS Code ウィンドウが開きます。プレビューに満足したら、[作成] ボタンを選択して新しいプロファイルを作成できます。
現在のプロファイルを確認する
VS Code ウィンドウで現在使用されているプロファイルは、VS Code UI のいくつかの場所で確認できます。
-
VS Code のタイトル バー
-
アクティビティ バーの [管理] ボタンにカーソルを合わせたときのホバー テキスト
プロファイルにアイコンを設定した場合、このアイコンがアクティビティ バーの [管理] ボタンとして使用されます。次のスクリーンショットでは、[管理] ボタンにマイクのアイコンが表示されており、プロファイルがアクティブであることを示しています。
アイコンを設定していない場合、[管理] 歯車ボタンにはアクティブなプロファイルの最初の 2 文字のバッジが表示され、実行中のプロファイルをすばやく確認できます。
-
プロファイル エディター内
注: 既定のプロファイルを使用している場合、プロファイル名は表示されません。
プロファイルの設定
VS Code の設定を変更するのと同じように、プロファイルを設定できます。拡張機能のインストール/アンインストール/無効化、設定の変更、エディターの UI レイアウトの調整 (ビューの移動や非表示など) が可能です。これらの変更を適用すると、現在アクティブなプロファイルに保存されます。
フォルダーとワークスペースの関連付け
プロファイルを作成または選択すると、それは現在のフォルダーまたはワークスペースに関連付けられます。そのフォルダーを開くたびに、ワークスペースのプロファイルがアクティブになります。別のフォルダーを開くと、プロファイルは、もし設定されていれば、その別のフォルダーのプロファイルに変わります。
プロファイルに関連付けられているフォルダーのリストは、プロファイル エディター の [フォルダーとワークスペース] セクションで確認できます。
プロファイルの管理
プロファイルの切り替え
コマンド パレットの [プロファイル: プロファイルの切り替え] コマンドを使用して、プロファイルをすばやく切り替えることができます。これにより、利用可能なプロファイルのドロップダウン リストが表示されます。
プロファイル エディター からもプロファイルを切り替えることができます。切り替えたいプロファイルの横にある [このプロファイルを現在のウィンドウで使用する] ボタンを選択します。
プロファイルの編集
プロファイル エディター で、既存のプロファイルの名前、アイコン、その他の設定を編集できます。
プロファイルの削除
プロファイル エディター からプロファイルを削除するには、削除したいプロファイルのオーバーフロー アクションにある [プロファイルの削除] ボタンを選択します。
[プロファイルの削除] コマンドからもプロファイルを削除できます。[プロファイルの削除] ドロップダウンで、削除するプロファイルを選択できます。
プロファイルを使用して新しいウィンドウを開く
プロファイル エディターの [プロファイル内容] ビューにある [新しいウィンドウで使用] オプションを使用して、新しい VS Code ウィンドウを開くときに使用するプロファイルを選択できます。
[ファイル] > [プロファイルを使用して新しいウィンドウを開く] メニューを使用し、使用したいプロファイルを選択することで、特定のプロファイル用の新しい VS Code ウィンドウを直接開くことができます。
すべてのプロファイルに設定を適用する
すべてのプロファイルに設定を適用するには、設定エディターの [すべてのプロファイルに設定を適用] アクションを使用します。
いずれかのプロファイル内からこの設定を更新すると、他のすべてのプロファイルにも適用されます。この動作は、[すべてのプロファイルに設定を適用] アクションのチェックを外すことでいつでも元に戻すことができます。
すべてのプロファイルに拡張機能を適用する
すべてのプロファイルに拡張機能を適用するには、拡張機能ビューで [すべてのプロファイルに拡張機能を適用] アクションを選択します。
これにより、この拡張機能がすべてのプロファイルで利用可能になります。この動作は、[すべてのプロファイルに拡張機能を適用] アクションのチェックを外すことでいつでも元に戻すことができます。
マシン間でプロファイルを同期する
設定の同期 を使用して、さまざまなマシン間でプロファイルを移動できます。設定の同期を有効にし、[設定の同期: 構成] ドロップダウンで [プロファイル] にチェックを入れると、同期されたすべてのマシンであなたのプロファイルが利用可能になります。
注: 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 フロントエンド プロファイルを作成し、別のワークスペースでは 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 を自動的に生成します。
- コンテナー ツール - コンテナー化されたアプリケーションを作成、管理、デバッグします。
- Even Better TOML -
pyproject.toml
ファイルなどのための、フル機能の TOML サポート。 - Python - IntelliSense、環境管理、デバッグ、リファクタリング。
- Python 環境 - お好みの環境マネージャーを使用して 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 Notebook を使用します。
- 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
}
Doc Writer プロファイル テンプレート
Doc Writer プロファイルは、ドキュメント作成のための軽量で優れたセットアップです。次の拡張機能が付属しています。
- 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 lint とスタイル チェック。
- 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 作業の良い出発点です。次の拡張機能が付属しています。
- コンテナー ツール - コンテナー化されたアプリケーションを作成、管理、デバッグします。
- Dev Containers - Docker コンテナー内にカスタム開発環境を作成します。
- DotENV - dotenv ファイル構文のサポート。
- EditorConfig for VS Code - Visual Studio Code の EditorConfig サポート。
- ESLint - ESLint JavaScript を VS Code に統合します。
- JavaScript (ES6) code snippets - ES6 構文の JavaScript 用コード スニペット。
- Jest - Facebook の jest テスト フレームワークを使用します。
- Microsoft Edge Tools for VS Code - VS Code 内から Microsoft Edge ツールを使用します。
- 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 - ESLint JavaScript を VS Code に統合します。
- 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 ツールを使用します。
- 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 言語サポート、Lint、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 によって外部でホストされており、インターネットに接続している場合にのみテンプレートをダウンロードして適用できます。プロファイル テンプレートが利用できないことに気付いた場合は、インターネット接続を確認してください。