Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>VS File TreeNew to Visual Studio Code? Get it now.
VS File Tree

VS File Tree

JensTech

|
9 installs
| (0) | Free
Generate a file tree from any folder in your workspace
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

JensTech-vs-filetree

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.

Features

  • 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.

Usage

  1. Right-click a folder in the Explorer panel.
  2. Select Generate File Tree.
  3. A new editor tab opens with the tree view of that folder.
  4. Adjust settings in Settings > Extensions > VS File Tree to ignore folders or toggle lines.

Settings

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

Example

my-project/
├── .git/
│   └── config
├── node_modules/
│   └── react
└── index.html
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft