JetTreeMark for VS Code
🚀 What is JetTreeMark?
JetTreeMark for VS Code brings the same lightning-fast,
one-click tree-view generation you know from the IntelliJ plugin into your favorite editor.
Right-click any folder in the Explorer, choose Show Tree View,
and you'll instantly get a clean, customizable markdown-compatible tree of your project—ready to copy, share,
or document.
😉
Looking for IntelliJ IDEA support?
Check out the original JetTreeMark plugin for IntelliJ IDEA.
✨ Features
- 📂 Generate a neat tree view of any selected folder
- 📋 Copy the filtered structure to clipboard with one click
- ✔️ Tri-state checkboxes let you include/exclude subfolders & files
- 🖱️ Context menu with powerful selection operations (check/uncheck folders, files, levels)
- ⚡ Lightweight—built as a native VS Code Webview extension
- 🎨 Tailwind-powered UI for a clean, responsive look
📷 Example Output
└── my-project/
├── src/
│ ├── components/
│ │ └── Button.tsx
│ └── index.ts
├── README.md
└── package.json
🛠️ Installation
From the Marketplace
JetTreeMark is now available on the Visual Studio Marketplace!
Install it directly from VS Code's Extensions view—just search for JetTreeMark and click Install.
Manual Installation
- Download the latest
.vsix release
- In VS Code, open the Extensions sidebar (Ctrl+Shift+X)
- Click the ⋯ menu → Install from VSIX...
- Select the downloaded file
- Reload VS Code when prompted
Building from Source
git clone https://github.com/HichemTab-tech/JetTreeMark-vscode.git
cd JetTreeMark-vscode
# 1) Build the Webview UI
cd webview-ui
npm install
npm run build
cd ..
# 2) Build the extension
pnpm install
pnpm run compile
# 3) Launch for development
code .
# Press F5 in VS Code to open a new Extension Development Host
Your compiled .vsix will be generated via:
vsce package
🎯 How to Use
Right-click on any folder in the Explorer.
Select "Show Tree View" from the context menu.
The JetTreeMark view opens in the Activity Bar.
Use the tri-state checkboxes to include/exclude items.
Right-click on any node to access the context menu with powerful selection operations:
- Check All Children - Include all files and folders under this node
- Check All Folders - Include only folders under this node
- Uncheck All Children - Exclude all files and folders under this node
- Check Without Children - Include only this node, not its children
- Level-Specific Operations - Apply operations only to the current level
- Expand/Collapse - Control node visibility
Click "Copy Selected Structure" at the top to copy your markdown tree.
ℹ️ About
This VS Code extension is a companion to the original IntelliJ IDEA plugin:
Both are MIT-licensed and developed by HichemTab-tech. Contributions, issues, and ⭐s are always welcome!
🌳 JetTreeMark — Draw your project structure, copy it instantly!
