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

URL: https://webrandum.net/vscode-settings-window-title/
公開日: 2022-06-21
更新日: 2022-06-21
カテゴリー: 作業環境整備
タグ: Visual Studio Code
出典: Webrandum（著者: サイトウ マサカズ）

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

「sample.html」ファイルを開くと、ウインドウタイトルには「sample.html」と表示されます。

![ウインドウタイトルの表示](https://webrandum.net/mskz/wp-content/uploads/2022/06/image_1-14.png)

ただ、タブにもファイル名は表示されているのでウインドウタイトルにはパスを表示させたりして、もう少し情報を表示させた方が便利です。

今回はそのカスタマイズ方法をまとめておきます。

## ウインドウタイトルのカスタマイズ方法

ウインドウタイトルをカスタマイズするには、メニューバーの［Code］→［基本設定］→［設定（command + ,）］を選択して設定画面を開きます。

検索バーに「title」と入力すると「Window: Title」の設定が表示されます。

ここでウインドウタイトルに表示する内容を設定します。

![「Window: Title」](https://webrandum.net/mskz/wp-content/uploads/2022/06/image_2-13.png)

ちなみにデフォルトの設定は下記の通りです。

```
${activeEditorShort}${separator}${rootName}
```

これだと「ファイル名 — 開いているフォルダ名」のような表示になります。

## ウインドウタイトルにパスを表示する

「${activeEditorShort}」から「${activeEditorMedium}」に変更すると、パスが表示されます。

```
${dirty} ${activeEditorMedium}${separator}${rootName}
```

ついでに「${dirty}」も追加しています。

これは編集中の状態に「●」が表示されるようになります。

![ウインドウタイトルにパスを表示した状態](https://webrandum.net/mskz/wp-content/uploads/2022/06/image_3-13.png)

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