A simple VS Code extension that generates a file tree from any folder. Right-click on a directory in Explorer to get a neatly organized view of its children.
- Ignore directories: Hide
.git,node_modules, or any folders you don’t want in the tree. - Toggle tree lines: Show or hide the ├── and └── lines for a cleaner look.
- Workspace-aware: Works on any folder in your workspace.
- Copyable output: Easily copy the tree from the editor to share or document your project structure.
- Right-click a folder in the Explorer panel.
- Select Generate File Tree.
- A new editor tab opens with the tree view of that folder.
- Adjust settings in
Settings > Extensions > VS File Treeto ignore folders or toggle lines.
| Setting | Type | Default | Description |
|---|---|---|---|
filetree.ignore |
array | [".git", "node_modules"] | List of directories to ignore in the tree |
filetree.showLines |
boolean | true | Show ├── and └── lines in the file tree |
my-project/
├── .git/
│ └── config
├── node_modules/
│ └── react
└── index.html