はじめに
ディレクトリ構造などを書く時に、よく用いられる記法としてツリー構造が挙げられます。
└── button
├── FlatButton
│ ├── FlatButton.tsx
│ └── flatButton.css
├── RoundedButton
│ ├── RoundedButton.tsx
│ └── roundedButton.css
├── Button.tsx
└── button.css
こういうのです。ですがこれを自力で書くのはめんどくさすぎますよね？
そんな時に簡単にこのツリーをかけるのが、今回紹介する「Ascii Tree Generator」です！
事前準備
以下のリンクから開くか、VSCode上の拡張機能ストアでAscii Tree Generatorと検索してインストールします。
次に、適当な.txtや.mdファイルを作成します。
これで準備は完了です。
使い方
以下のように書きます。
# テスト
## テスト
### テスト
### テスト
### テスト
#の数で階層が決まります。
これを範囲選択し、右クリックのメニューでツリー構造に変換してくれます。
Format Text to Tree Stringを選択してください。
変換されました。#の数に応じて階層が深くなっていくのがわかると思います。
基本的な使い方は以上になります！
おわりに
最後まで読んでいただきありがとうございました！