Generate clean, README-friendly Markdown directory trees directly from Visual Studio Code.
Unlike other tree generators, Markdown Tree Generator supports a project-specific .dirtreeignore file, allowing you to easily exclude folders and files.
Features
- 🌳 Generate a Markdown directory tree from any folder.
- 📁 Right-click a folder in the Explorer to generate its structure.
- 🆕 Create
.dirtreeignorefrom Selection — Right-click on files or folders to quickly add them to.dirtreeignore. - 🚫 Powerful ignore support using
.dirtreeignorefile (including default ignores like.git). - 📋 One-click copy to clipboard.
- 📄 Output formatted as a clean Markdown code block, perfect for README files.
- 🔤 Directories listed before files.
- 🔠 Alphabetically sorted output.
- 🎯 Supports ignoring:
- Folder names anywhere in the tree
- Specific files
- Root-relative paths (e.g.
/dist)
How to Use
1. Generate Tree
- Right-click any folder in the Explorer → Generate Markdown Tree
- Or use Command Palette:
Markdown Tree Generator: Generate Markdown Tree
2. Create .dirtreeignore (New Feature)
- Select one or more files/folders in the Explorer.
- Right-click → Create .dirtreeignore from Selection
- The extension will create or update
.dirtreeignorein your workspace root, avoiding duplicates.
3. Copy to Clipboard
- Right-click a folder → Copy Markdown Tree to Clipboard
Example
Given the following project:
MyProject/
├── src/
│ ├── controllers/
│ └── models/
├── node_modules/
├── dist/
├── package.json
├── README.md
└── .dirtreeignore
.dirtreeignore
node_modules
dist
Generated output:
# Directory Tree
```text
MyProject/
├── package.json
├── README.md
└── src/
├── controllers/
└── models/
```