VS Codeの拡張機能「Ascii Tree Generator」を使用しツリーファイル構造をサクッと作成する

目次

VS Codeの拡張機能「Ascii Tree Generator」

インストール

ディレクトリ構造など面倒なツリーを#タグを使って簡単に書けるようにしてれる拡張機能。

Githubのドキュメントに詳しい説明がある。

使用方法

# public
# dist
## index.d.ts
## index.js
# src
## index.ts

↑ のように作成し選択、Ctrl+Shift+Pでコマンドを開き、Pre-Formatted Tree Stringを選択する。

.
├── public
├── dist
│   ├── index.d.ts
│   └── index.js
└── src
  └── index.ts

そうすると上記のように展開される。

次に読むおすすめ記事

来世でも使うと思われるVisual Studio Codeの拡張機能をまとめてみた

VS Codeの拡張機能「Ascii Tree Generator」を使用しツリーファイル構造をサクッと作成する

フォルダをツリー構成で綺麗に表示したい。vsCodeでtree コマンドがなくても表示できる

VSCodeの拡張機能「Draw.io Integration」でER図を作成する

この記事に対するコメント

お気軽にコメントを下さい

メールアドレスが公開されることはありません。 が付いている欄は必須項目です