Visual Studio Codeでウインドウタイトルバーをカスタマイズする方法

Visual Studio Codeでファイルを開くと、デフォルトではファイル名がウインドウタイトルバーに表示されます。
「sample.html」ファイルを開くと、ウインドウタイトルには「sample.html」と表示されます。

ただ、タブにもファイル名は表示されているのでウインドウタイトルにはパスを表示させたりして、もう少し情報を表示させた方が便利です。
今回はそのカスタマイズ方法をまとめておきます。
ウインドウタイトルのカスタマイズ方法
ウインドウタイトルをカスタマイズするには、メニューバーの[Code]→[基本設定]→[設定(command + ,)]を選択して設定画面を開きます。
検索バーに「title」と入力すると「Window: Title」の設定が表示されます。
ここでウインドウタイトルに表示する内容を設定します。

ちなみにデフォルトの設定は下記の通りです。
${activeEditorShort}${separator}${rootName}これだと「ファイル名 — 開いているフォルダ名」のような表示になります。
ウインドウタイトルにパスを表示する
「${activeEditorShort}」から「${activeEditorMedium}」に変更すると、パスが表示されます。
${dirty} ${activeEditorMedium}${separator}${rootName}ついでに「${dirty}」も追加しています。
これは編集中の状態に「●」が表示されるようになります。

タブにも表示されるのであってもなくてもどちらでもいいのですが、とりあえず表示させました。


機能の差が分かりにくいDropboxの「選択型同期」と「同期の無視」の違い
ウェブ開発時のテスト環境と本番環境の取り違えを防ぐChrome拡張機能「Environment Marker」
Google ChromeでBasic認証のダイアログが一瞬で消えて認証できないときは拡張機能を確認!
デモを見やすく分かりやすくするためのMouseposéオススメの設定
Transmitで特定拡張子のファイルを開くアプリケーションを指定する方法
iTerm2でウインドウの位置を保存してすぐに復元できる環境設定の「Arrangements」タブ
MacでCPUやメモリ・ネットワークなどの状態をメニューバーに表示させる「iStat Menus」
Backlogフリープランでプライベートの課題管理を行う方法
Macでアプリごとに音量を調節できるアプリ「Background Music」
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
【2026年版】Karabiner-Elementsで実現する右commandキー活用のススメ
Bartender ProのTop Shelf機能でできること
高機能なスクリーンショットアプリ「CleanShot X」
macOSの効率化に関するDiscordコミュニティ「CMD-F」を立ち上げました
1Passwordの開発者向け機能(SSH Agent / Environments / 1Password CLI / Developer Watchtower)
Default Folder Xで保存ダイアログ内のファイルリストにフォーカスする方法
Obsidianで整理した知識をAnkiで定着させる方法
Figma × Keyboard Maestroでどこまで効率化できる?
マウス操作の完成度が高いウインドウリサイズアプリ「Magnet」