vscode ascii tree generator

A vscode extension to generate ascii tree of directories or format selected text to tree string.

Usage

This extension provides convenient way to generate ascii tree string for directory in workspace explorer. Besides, you can select text in editor and format it to tree string easily.

Format Text to Tree String

Write simple tree lines in certain syntax (see example below), select these lines, right-click on text and click Format Text to Tree String menu:

The lines started with hash(#) characters can be used to represent the depth of the directory tree. For example:

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

They should be formatted to:

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

Note: In most cases, you can just simply undo the formatting operation using the vscode editor undo ability. The default shortcut is cmd+Z. Besides, You can open the VS Code Command Palette and execute Revert Tree String to Text to revert tree string back to hash-style texts, in case that your undo history is lost for some reason.

Generate Tree String for Directory

Right-click on Explorer directories, click Generate Tree String for Directory menu:

Note: This process of walking through files is asynchronous. So if you include some heavy-nested folders, node_modules for example, the result will be slow to show.

Configuration

Each character of the tree can be defined by its ASCII code (or UTF character code in general). The theoretical range for character codes is 0 to 65535. However, not every code will lead to a printable character and may cause formatting problems. The available parameters are:

Sample Configurations

Issues & Contribution

Please feel free to submit issues if you have any questions. Contribution is also welcomed :)