Visual Studio Codeのプロファイル
Visual Studio Codeには、数百の設定、数千の拡張機能があり、UIレイアウトを調整してエディターをカスタマイズする方法は数え切れないほどあります。VS Codeのプロファイルを使用すると、カスタマイズのセットを作成し、それらを素早く切り替えたり、他のユーザーと共有したりできます。このトピックでは、プロファイルエディターを使用してプロファイルを作成、変更、エクスポート、およびインポートする方法について説明します。
プロファイルエディターへのアクセス
プロファイルエディターを使用すると、VS Codeでプロファイルを一元的に作成および管理できます。
プロファイルエディターには、次のいずれかの方法でアクセスできます。
-
ファイル > 基本設定 > プロファイル のメニュー項目から
-
アクティビティバーの下部にある管理ギアボタンから
プロファイルの作成
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はシークレットとしてマークされているため、リンクを知っている人だけがその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を自動的に生成します。
- 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プレビューに^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作業の優れた出発点です。以下の拡張機能が付属しています。
- Container Tools - コンテナー化されたアプリケーションを作成、管理、デバッグします。
- 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 - コードフォーマッター - 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 - コードフォーマッター - 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セッション間で保存されないプロファイルです。コマンドパレットのプロファイル: 一時プロファイルの作成コマンドを使用して一時プロファイルを作成します。一時プロファイルは空のプロファイルとして開始され、自動生成された名前 (例: 一時 1) が付けられます。プロファイルの設定や拡張機能を変更し、VS Codeセッション中はそのプロファイルを使用できますが、VS Codeを閉じると削除されます。
一時プロファイルは、既定のプロファイルや既存のプロファイルを変更せずに新しい構成を試したり、拡張機能をテストしたりする場合に便利です。VS Codeを再起動すると、ワークスペースの現在のプロファイルが再び有効になります。
他のプロファイルから設定を継承できますか?
現在、特定の値を上書きし、残りの設定を他のプロファイルから継承する形で、他のプロファイルから設定を継承することはできません。vscodeリポジトリでこの機能要求を追跡しています。
新しいプロファイルを作成する際、他のプロファイルまたは既定のプロファイルから設定をコピーすることを選択できます。これにより、新しいプロファイルに設定のコピーが作成されますが、ソースとして使用したプロファイルへのリンクは維持されません。
プロジェクトからプロファイルを削除するにはどうすればよいですか?
プロジェクトを既定のプロファイルに戻すことができます。すべてのプロファイルワークスペースの関連付けを削除したい場合は、開発者: ワークスペースのプロファイル関連付けをリセットを使用できます。これにより、現在プロファイルが割り当てられているすべてのローカルフォルダーが既定のプロファイルに戻されます。ワークスペースのプロファイル関連付けをリセットは、既存のプロファイルを削除しません。
プロファイルをエクスポートする際、一部の設定がエクスポートされないのはなぜですか?
プロファイルをエクスポートする際、マシン固有の設定は含まれません。これらの設定は別のマシンでは適用できないためです。たとえば、ローカルパスを指す設定は含まれません。
新しいプロファイルを作成する際、テンプレートが利用できないのはなぜですか?
プロファイルテンプレートはVS Codeによって外部でホストされており、インターネットに接続している場合にのみテンプレートをダウンロードして適用できます。プロファイルテンプレートが利用できない場合は、インターネット接続を確認してください。