61
45

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

VSCodeでタイトルにパスを表示してわかりやすくする

Last updated at Posted at 2017-11-25

VSCode使いやすいんですが、デフォルトでは編集中のファイルのパスがわかりづらいのが不満です。そこでエディタウィンドウの最上部のタイトルに表示される文字列を設定で変更します。

window.title

VSCodeは設定ファイル(settings.json)のwindow.titleの値の指定によって、タイトルに表示される文字列を変えることが出来ます。

window.title用にファイル名などを表す既定の変数が用意されています。使える変数は以下の通りです。

変数
${activeEditorShort} アクティブなファイル名
${activeEditorMedium} ワークスペースフォルダに対する相対パス
${activeEditorLong} ファイルのフルパス
${folderName} ワークスペースフォルダ名
${folderPath} ワークスペースフォルダのパス
${rootName} ワークスペース名
${rootPath} ワークスペースのパス
${appName} アプリ名(つまりは"Visual Studio Code")
${dirty} dirty indicator(未保存の変更の有無の表示アイコン)
${separator} セパレータ(" – ")

⌘ + ,でsettings.jsonを開いたら設定はお好みで。ちなみに僕は以下のようにしています。

settings.json
{
    "window.title": "${dirty}${activeEditorMedium}${separator}${rootName}"
}
61
45
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
61
45

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?