はじめに

ディレクトリ構造などを書く時に、よく用いられる記法としてツリー構造が挙げられます。

└── 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を選択してください。

変換されました。#の数に応じて階層が深くなっていくのがわかると思います。

基本的な使い方は以上になります！

おわりに

最後まで読んでいただきありがとうございました！