フォルダの階層構造の図をテキストで表現するツールのメモ

こういうフォルダの階層をテキストで表現しているやつをよく見かけるので、記事を書く際に同じように書く方法を調べた備忘録として残す

.
└── simplechatpage/
    ├── static/
    │   └── logo.png
    ├── templates/
    │   └── index.html
    └── app.py

VSCodeの拡張機能

Ascii Tree Generatorという拡張機能

こういうテキストを書けば一発変換してくれるツール

# simplechatpage/
## static/
### logo.png
## templates/
### index.html
## app.py

VSCodeの中で完結させたい場合はこっちがよさそう

tree.nathanfriend.io

Web上のサービス

タブでインデントを調整しながら書くタイプ。シンプルで使いやすいです。
VSCodeにごちゃごちゃ混ぜたくないって人はこっちがよさそう