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

Protree - Project Tree Generator

Ednoer

|
100 installs
| (0) | Free
Generate folder & file structures from tree-like text input directly in VS Code.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

🪵 Protree — Project Tree Generator for VS Code

Protree is a Visual Studio Code extension that lets you generate, delete, and read project folder structures using a simple tree-style text format.

Ideal for:

  • Quickly scaffolding boilerplate projects
  • Documenting folder/file structure
  • Speeding up developer onboarding
  • Reproducing structures from Notion/docs

✨ Features

🔧 Generate Folder Structure
Create folders and files directly from tree-style formatted text.

🗑️ Delete Folder Structure
Remove folders and files recursively based on the same tree input.

📂 Convert Folder to Tree Text
Scan any existing folder structure and convert it to readable tree text.

📋 Quick Templates
Choose from ready-to-use starter templates (Node.js, Golang, Laravel, React, etc.).

🌐 Interactive Webview UI
Manage structures visually using a built-in, modern HTML panel.


🚀 How to Use

1. Open Command Palette

  • Press Ctrl+Shift+P (Windows/Linux) or Cmd+Shift+P (macOS)
  • Type: Protree: Open Tree Generator

2. Use the Webview Panel

  • Select a template or manually write your tree structure

Example Input:

├── src/
│   ├── components/
│   ├── hooks/
│   └── App.tsx
├── public/
└── package.json

🚀 Folder Support

  • ├──, └── → Represent branch lines in the tree
  • Folder names can optionally end with /
  • Lines beginning with # are treated as comments and ignored
  • Empty lines are ignored
  • Files/folders are created relative to the root of your workspace
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft