🪵 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