フォルダ構成の「あの図」を自動で出す方法

背景

今までは、以下のようなファイル構成図は"ChatGPTが出したもの"を手作業で修正して、記事に貼り付けてきた😅

src
├── app
│   ├── auth
│   │   └── callback
│   │       └── route.ts
│   ├── dashboard
│   │   └── page.tsx
│   └── login
│       └── page.tsx

├──や└──といった記号をどう出させるか知らなかったため（調べれば良いものを、横着していた😅😅）

ちなみにちゃんと調べてみると、├は「たてみぎ」、└も含めると広くは「けいせん」と入力すればこれらの記号を出力することができるようだ。

treeコマンド

しかし、これらはtreeコマンドを使うことで、一瞬で出力されると知る。

sudo apt install tree # インストールしていなかったのでした😅
tree <パス名>

これだけでパス名のディレクトリを起点としてファイル構成図（= 一番最初に挙げたような図）が一発出力される。

感想

今まで手作業かつ非効率なやり方でやっていたため、目から鱗だった。
これからはもっと楽にできる方法を調べるクセをつけようと思った。