に参加して、VS Code の AI 支援開発について学びましょう。

Visual Studio Code のプロファイル

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

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

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

Screenshot that shows the Profiles editor.

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

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

    Profiles editor Menu Item

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

    Profiles editor via the Manage button in the Activity bar

プロファイルの作成

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

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

Create Profile

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

Copy from options

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

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

Configure, browse and preview profile

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

現在のプロファイルの確認

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

  • VS Code のタイトルバー

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

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

    Manage gear displaying icon to indicate that the user's profile is active

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

    Manage gear displaying 'DA' to indicate that the user's 'Data Science' profile is active

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

    Showing current profile in the Profiles editor

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

プロファイルの構成

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

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

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

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

Folders & Workspaces section

プロファイルの管理

プロファイルの切り替え

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

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

Switch profile from the Profiles editor

プロファイルの編集

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

プロファイルの削除

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

Delete profile from the Profiles editor

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

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

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

Configure custom profile for new window

ファイル > プロファイル付きの新しいウィンドウメニューを使用し、使用したいプロファイルを選択することで、特定のプロファイル用の新しい 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 に接続している場合など、リモートウィンドウとの間で拡張機能を同期しません。

プロファイルの共有

エクスポート

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

Export profile from the Profiles editor

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

GitHub gist として保存

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

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

また、Visual Studio Code でプロファイルをインポートするオプションもあり、これを選択すると VS Code デスクトップが開き、プロファイルの内容が表示され、プロファイルをインポートボタンが表示されます。

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

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

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

インポート

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

Import profile from the Profiles editor

プロファイルをインポート...を選択すると、プロファイルのインポートダイアログを通じて、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 のドキュメンテーション文字列を自動的に生成します。
  • 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
    }

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 リンティングとスタイルチェック。
  • 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 作業の良い出発点です。次の拡張機能が付属しています。

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

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

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

    "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 エクスペリエンスを向上させるためにレイアウトをカスタマイズし、Java 用拡張機能パックから次の拡張機能が付属しています。

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

© . This site is unofficial and not affiliated with Microsoft.