🌳 How to Use Tree Hugger

📦 Install the Extension

1. Open Visual Studio Code
2. Go to the Extensions Marketplace
3. Search for Tree Hugger
4. Click Install

You can also learn more at Visual Studio Code Marketplace

---

🚀 Using Tree Hugger

1️⃣ Create or Copy a Folder Tree

Write your project structure using ASCII tree formatting.

Example:

apps/mobile/
├── App.tsx
├── app.json
└── src/
    ├── screens/
    │   ├── LoginScreen.tsx
    └── utils/
        └── format.ts

---

2️⃣ Select the Tree Text

Highlight the entire tree structure inside the editor.

---

3️⃣ Run the Command

Open the Command Palette:

Windows / Linux

Ctrl + Shift + P

macOS

Cmd + Shift + P

Search for:

Tree Hugger: Generate Tree

Then press Enter.

---

📁 What Happens Next

Tree Hugger will:

• Create all folders automatically
• Create all files automatically
• Preserve the structure exactly as written
• Generate everything inside your current workspace

If no workspace is open, the extension will ask you to choose a folder.

---

✅ Result

The example tree above becomes:

apps/
└── mobile/
    ├── App.tsx
    ├── app.json
    └── src/
        ├── screens/
        │   └── LoginScreen.tsx
        └── utils/
            └── format.ts

---

💡 Tips

• Folder names should end with /
• Files should not end with /
• Use proper tree characters (├──, └──, │)
• Empty files are created automatically
• Existing files are skipped unless overwritten by the extension logic

---

⚡ Perfect For

• React projects
• Node.js apps
• Monorepos
• Backend APIs
• Quick prototyping
• Coding tutorials

---

🛠 Troubleshooting

Command Not Showing

Try:

1. Reloading VS Code
2. Reinstalling the extension
3. Checking that the extension is enabled

---

Files Not Creating

Make sure:

• The tree formatting is valid
• The text is fully selected
• You have write permissions for the workspace folder

---

❤️ Example Workflow

1. Paste a project tree into a new file
2. Select the tree
3. Run Tree Hugger: Generate Tree
4. Start coding immediately