Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Markdown TreeNew to Visual Studio Code? Get it now.
Markdown Tree

Markdown Tree

UltraByteSoftwares

|
1,118 installs
| (1) | Free
Generate collapsible trees in markdown
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Markdown Tree extension for Visual Studio Code

Generate collapsible/expandable trees from plain text or from any folder in markdown.

The items are rendered inside <details> and <summary> HTML elements in the output.

Installation

This extension is available at Visual Studio Code marketplace and can also be installed from within VSCode.

Features

Generate tree from any folder

  • Place your cursor anywhere you want the output (need not be only inside ultree block)
  • Click on Ultree: Generate Directory Tree in the file-explorer right-click menu

markdown tree preview

  • You can also provide an absolute path to the command Ultree: Generate Tree from Path from the command palette

Generate trees from plain text

  • Just type in your indented text to render a tree
  • Copying output from output of tree command works too

markdown tree preview

Usage

  • Write your tree items inside ultree fenced code block

      ```ultree
          RootFolder
              LICENSE
              package.json
              src
                  main.js
      ```
  • Use either tabs or spaces to indent (but not both together inside ultree block)

Options

Render options can be specified as key: value pairs at the beginning of the body of ultree block.

Here are the currently supported options

Option Possible values Description
output foldable (default) Output a foldable tree
simple Output a non-foldable tree
open true (default) Keep foldable tree expanded at the start
false Keep foldable tree collapsed at the start

Settings

You can tinker a few settings like ignoring some files and folders, control indentation or max depth of recursion and a few more from the configurations page.

Go to File->Preferences->Settings or hit Ctrl+, and search for ultree on the settings page.

Feedback

Please drop your suggestions, bugs or feature requests at the project's GitHub issues page.

Release Notes

August 2024 (v1.1.0)

Generate trees from any folder via a right click option or through the command pallete.

Detailed changes in CHANGELOG

August 2024 (v1.0.1)

Initial release

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft