SeesTrees
SeesTrees is a Visual Studio Code extension that provides a visually enhanced, color-coded, and emoji-rich tree view of your project directory structure. Instantly understand your project's hierarchy at a glance, right from the terminal or command palette.
Features
- Beautiful tree view of your project structure
- Color coding for file types (Python, JS, configs, docs, images, etc.)
- Emojis for instant file/folder recognition
- Ignores clutter (e.g., .git, node_modules, build artifacts)
- Terminal command for displaying a colorful directory tree with connector lines
- Easy to use from the command palette or terminal
- NEW: Power Grid visualization showing where interpreters have access paths
- Visual indicators for Python, Node.js, Docker, Ruby, Go, Java, and PHP environments
- Radiating glow effect highlighting directories with environment configurations
- File highlighting showing which files can be executed by which interpreters

Requirements
- Visual Studio Code 1.100.0 or higher
- No additional dependencies
Extension Settings
The extension provides the following settings:
Ignored Patterns
seestrees.ignoredPatterns : Array of file/folder patterns to ignore when displaying the tree structure.
Power Grid Settings
seestrees.powerGrid.enabled : Enable/disable the power grid visualization (default: true ).
seestrees.powerGrid.glowIntensity : Control the intensity of the power grid glow effect (low , medium , high ).
seestrees.powerGrid.environmentTypes : Array of environment types to detect and visualize (python , node , docker , ruby , go , java , php ).
Known Issues
- Large projects may take longer to render
- Permission errors on restricted folders are gracefully handled
Usage
Tree View
The extension adds a new tree view to your VS Code explorer panel labeled "SeesTrees". Click on it to see your project structure with color-coded emojis.
Terminal Tree Display
Run the command "SeesTrees: Show Tree in Terminal" from the Command Palette (Ctrl+Shift+P) to display a colorful directory tree in the terminal, complete with connector lines and emojis.
Customizing Ignored Files and Folders
You can customize which files and folders are ignored in the tree view:
- From the Command Palette (Ctrl+Shift+P), select "SeesTrees: Configure Ignored Files/Folders"
- Choose to add new patterns, remove existing ones, or restore defaults
- The tree will automatically update with your new settings
Alternatively, you can edit the settings directly in VS Code settings:
- Open VS Code settings (File > Preferences > Settings or Ctrl+,)
- Search for "seestrees.ignoredPatterns"
- Edit the array of patterns to ignore
Contributing
Contributions and feedback are welcome! Please open an issue or pull request on the project repository.
License
MIT
Release notes moved to --> CHANGELOG.md
| |