Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>File and Folder Tree JSON CopierNew to Visual Studio Code? Get it now.
File and Folder Tree JSON Copier

File and Folder Tree JSON Copier

Amir Maghami

|
25 installs
| (1) | Free
Generate and copy the directory structure of the current project as JSON.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

📁✨ File and Folder Tree JSON Copier ✨📁

Logo

Easily copy your project's directory tree in JSON format — simple or detailed!
📦 Super useful for documentation, backups, debugging, and developer tools.

VS Code Marketplace License Stars


🚀 Features

  • 🧾 Simple JSON Mode — Just folder & file names.
  • 🧠 Detailed JSON Mode — Includes:
    • 📏 Size, 📄 Extension, 🕒 Timestamps
    • 🔐 Permissions, 🔁 Symlink Status
    • 💬 Language Detection, 🧬 File Hash
    • 🔍 Git Info (Author, Date, Commit)
    • 📊 Line/Word/Code Stats
  • 🎛️ Selective Field Export — Choose exactly what you want
  • 🖱️ Right-click Context Menu — Super fast usage

🎬 Demo

Here’s how it works in action:

App Demo


📸 Screenshots

Add your own screenshots in the assets/ folder and update these links.

Simple Mode Detailed Mode

⚙️ Usage

Right-click on any file or folder in VS Code Explorer:

  • 🔹 Copy Directory Tree as Simple JSON
  • 🔸 Copy Directory Tree as Detailed JSON

Paste anywhere you want — 💥 instant structure dump.


📦 Installation

Search for this extension in the marketplace:


File and Folder Tree JSON Copier

Or install it directly from Visual Studio Marketplace.


🧠 Pro Mode (Coming Soon)

  • ✅ Export JSON to a file
  • ✅ Preview before copying
  • ✅ Support for .gitignore and custom ignore patterns
  • ✅ Select fields with a user interface
  • ✅ Toggle hash type (MD5, SHA256)
  • ✅ File type classification (text, binary, code)

📂 Project Structure

src/
├── constants.ts
├── types.ts
├── utils/
│   ├── fileUtils.ts
│   ├── gitUtils.ts
│   ├── codeStats.ts
│   └── jsonBuilder.ts
├── commands/
│   ├── generateSimple.ts
│   └── generateDetailed.ts
├── ui/
│   └── fieldSelection.ts
└── extension.ts

🛠️ Development

# Install dependencies
npm install

# Compile once
npm run compile

# Watch for file changes
npm run watch

🙌 Contributing

Issues, ideas, and pull requests are welcome! ⭐️ Star the project if you like it and want to support more features.


📄 License

MIT © Amir Maghami


Made with ❤️ and ☕ in TypeScript

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