SeasTrees 🌳
Instantly understand your project structure through beautiful, color-coded tree visualizations.
SeasTrees is a Visual Studio Code extension that provides a visually enhanced, color-coded, and emoji-rich tree view of your project directory structure. Perfect for onboarding new developers, documentation, or just understanding complex codebases at a glance.
🚀 Quick Start
- Install the extension from the VS Code Marketplace
- Open any project folder in VS Code
- Look for the SeasTrees view in your Explorer sidebar
- Or use Command Palette (
Ctrl+Shift+P) → "SeasTrees: Display Colorful Directory Tree"
✨ 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
seastrees.ignoredPatterns: Array of file/folder patterns to ignore when displaying the tree structure.
Power Grid Settings
seastrees.powerGrid.enabled: Enable/disable the power grid visualization (default: true).seastrees.powerGrid.glowIntensity: Control the intensity of the power grid glow effect (low, medium, high).seastrees.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 "SeasTrees". Click on it to see your project structure with color-coded emojis.
💻 Terminal Tree Display
Run the command "SeasTrees: 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 "SeasTrees: 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 "seastrees.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
| |
