LoginSignup
6
2

More than 3 years have passed since last update.

VSCodeでパンくずエリアにフォルダ階層を表示させる(Breadcrumbs)

Last updated at Posted at 2019-05-20

2019/06/06追記

version 1.35で標準で設定できるようになりました。
https://code.visualstudio.com/updates/v1_35#_breadcrumbs-displayed

on/off
View->Toggle Breadcrumbs
キャプチャ.PNG

詳細な設定は下記から可能です。
settign->User->Workbench->Breadcrumbs
キャプチャ2.PNG

はじめに

VSCodeでパンくずでファイルの階層を表示できる設定です。

フォルダ階層を瞬時に確認ができ便利です。
また、パンくずからフォルダ移動・ファイル選択が可能となり、サイドバーを開く必要もないためエディタ画面が広く使えるようになりました🙌

スクリーンショット 2019-05-20 21.58.39.png

設定

settings.jsonに下記を追加します。
詳細なオプションについては公式ドキュメントで確認できます。

{
  "breadcrumbs.enabled": true,
  "breadcrumbs.filePath": "on",
  "breadcrumbs.symbolPath": "off",
  "breadcrumbs.symbolSortOrder": "position",
}
6
2
0

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
6
2