VS Code Tree

I built VS Code Tree, a lightweight VS Code extension that adds two powerful commands to the Command Palette: File Structure and Entire File System.

The first command instantly generates a clean visual tree of your workspace. The second command dumps the code of every file in your project into a single document—perfect for code reviews, gathering context for AI tools, or sharing a snapshot of your codebase. It automatically respects your .gitignore and skips node_modules so the output stays clean.

What was challenging: Getting the .gitignore parsing to work seamlessly while also bundling external Node.js dependencies (like tree-node-cli and ignore) into a single .vsix file so the extension works flawlessly right after installation.

What I’m proud of: Building a fully functional, installable VS Code extension from scratch that solves a real developer problem. It was incredibly satisfying to see it working in the Command Palette.

How to test it: Since it’s a local extension that needs file system access, it can’t run in a browser. Download the .vsix file from my GitHub releases, open VS Code, go to the Extensions tab (Ctrl+Shift+X), click the … menu, select Install from VSIX…, and then run the commands with Ctrl+Shift+P.