A Visual Studio Code extension that generates a visual tree structure of your folders and files. Perfect for documentation, sharing project structures, or getting a quick overview of your project's organization.
- Generate file tree structure with a right-click on any folder
- Customize the depth of tree generation
- Default ignore patterns for common folders (
node_modules,.git, hidden files) - Output in a clear, markdown-formatted document
- View tree structure with proper indentation and branch visualization
- Right-click on any folder in VS Code's explorer
- Select "Generate File Tree" from the context menu
- Enter your desired depth level (or leave empty for unlimited depth)
- The extension will automatically ignore:
node_modulesdirectory.gitdirectory- Hidden files (starting with
.)
- A new document will open showing your file tree structure
Example output:
# File Tree for: my-project
Generated on: November 4, 2024
Path: my-project
├── src/
│ ├── components/
│ │ ├── Button.ts
│ │ └── Input.ts
│ └── index.ts
├── tests/
│ └── test.ts
└── package.json
No additional requirements. Just install and use!
This extension works out of the box with sensible defaults:
- Automatically ignores
node_modulesand.gitdirectories - Skips hidden files and directories (starting with
.) - Unlimited depth by default (can be customized per use)
- Large directories with many files might take longer to process
- Some special characters in file names might not display correctly
- Updated documentation to clarify ignored files feature
- Better explanation of default behavior
Initial release of File Tree Generation:
- Basic file tree generation
- Depth control
- Automatic file/folder ignoring
- node_modules
- .git
- Hidden files
- Markdown output format
Feel free to open issues or submit pull requests on the repository.
MIT
Enjoy!