Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>CodeTree - ASCII Directory Tree GeneratorNew to Visual Studio Code? Get it now.
CodeTree - ASCII Directory Tree Generator

CodeTree - ASCII Directory Tree Generator

Heric Mendes

|
1 install
| (0) | Free
An extension used to generate the ASCII representation of a directory's folders/subolders/files hierarchy.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

🌳 CodeTree

A powerful and flexible VS Code extension + CLI tool to generate directory trees in a clean, readable ASCII format.

Perfect for documentation, README files, debugging project structures, or just visualizing your folders.


✨ Features

  • 📁 Generate directory trees instantly
  • ⚡ Works directly inside VS Code
  • 🧠 Smart Quick Pick interface (choose what to do with the output)
  • 📋 Copy tree to clipboard
  • 📄 Open tree in a new editor tab
  • 💾 Save tree as a .txt file
  • 🎯 Right-click any folder in the Explorer to generate a tree
  • ⚙️ Fully configurable via settings.json
  • 🖥️ CLI support for terminal usage

🚀 Usage (VS Code)

🔹 Command Palette

Press:

Ctrl + Shift + P

Search for:

Generate Tree

Then choose what you want to do:

  • 📄 Open in editor
  • 📋 Copy to clipboard
  • 💾 Save as file

🔹 Right-click (Explorer)

  1. Right-click any folder
  2. Click:
Generate Tree
  1. Choose your desired output

🧪 Example Output

📁 project/
 ├── 📄 index.js
 ├── 📁 src/
 │   ├── 📄 app.js
 │   └── 📄 utils.js
 └── 📄 package.json

⚙️ Configuration

You can customize behavior via your VS Code settings.json:

{
  "generateTree.useEmoji": true,
  "generateTree.showFileSize": false,
  "generateTree.maxDepth": 5,
  "generateTree.useGitignore": true,
  "generateTree.ignore": ["dist", "build"]
}

🖥️ CLI Usage

You can also use it in the terminal:

code-tree

Example with flags:

code-tree --max-depth 2 --no-emoji

🧠 How It Works

This project is built with a modular architecture:

  • Core → tree generation engine
  • CLI → terminal interface
  • VS Code Extension → editor integration

This allows maximum flexibility and scalability.


📦 Installation

From VS Code Marketplace

(Coming soon)


Local Installation

npm install -g code-ascii-tree-generator

🛠️ Development

pnpm install
pnpm run build

Run extension:

F5 (inside VS Code)

📌 Roadmap

  • 🌐 Interactive tree view (WebView)
  • 🎨 Themed / styled output
  • 📄 Export to Markdown / JSON
  • 🔍 Search & filter tree
  • ⚡ Performance optimizations for large projects

🤝 Contributing

Feel free to open issues or submit pull requests!


📄 License

MIT


⭐ Support

If you like this project, consider giving it a star on GitHub!

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