Env Manager — Tree View & Variable Check
A VS Code extension for managing .env files across multiple environments.
Features
- Tree View — Browse all
.env* files and their variables in the sidebar
- Sensitive Value Masking — Variables containing SECRET, KEY, TOKEN, PASSWORD are masked by default
- Missing Variable Detection — Compare
.env against .env.example and auto-append missing keys
- File Watching — Automatically refreshes when
.env files change
- Click to Navigate — Click any variable to jump to its definition
- Group Support — Organize variables with
# [Group Name] comments
Installation
Search "Env Manager - Tree View & Variable Check" in the VS Code Extensions marketplace, or grab the latest .vsix from Releases.
Usage
- Open a project that contains
.env files
- Click the Env Manager icon in the activity bar
- Browse your environment variables in the tree view
Commands
| Command |
Description |
| 🔄 Refresh |
Reload all .env files |
| 👁️ Toggle Value Visibility |
Show/hide sensitive values |
| ⚠️ Check Missing Variables |
Compare with .env.example |
Variable Grouping
Add comments in your .env file to group variables:
# [Database]
DB_HOST=localhost
DB_PORT=5432
# [Auth]
JWT_SECRET=my-secret
SESSION_TTL=3600
Contributing
git clone https://github.com/lidongyangLeo/vscode-env-manager.git
cd vscode-env-manager
npm install
npm run compile
npm test # 55 test cases
Press F5 in VS Code to launch the Extension Development Host.
| |
