✨ Features
🔑 EnvLock Key Sync Checker
Automatically detect all .env files in your workspace and compare keys across them. See exactly which keys are missing or extra in each file at a glance.
🟡 Missing Key Highlighting
Yellow/orange squiggly underlines in the editor for any key that exists in .env.example but is missing in the current .env file. Hover tooltips show exactly which files are missing each key.
🔴 Secret Leak Prevention
- Scans all
.envfiles and warns if they're not in.gitignore - Shows a prominent red warning banner at the top of unprotected files
- "Add to .gitignore" command auto-fixes this instantly
- Detects if
.envfiles are staged in git and shows a blocking warning
📊 ENV Dashboard (Sidebar)
A custom activity bar panel showing:
- All env files with key count, missing key count, and status icons
- ✅ Synced · ⚠️ Missing keys · 🔴 Not in .gitignore
- Click any file to open it in the editor
- Sync Keys button to add missing keys with empty values
- Generate .env.example button
🔠 Key Autocomplete
When editing any .env file, get autocomplete suggestions based on keys from other env files in the same project — with source file info shown.
⚖️ Diff View
Compare any two .env files side by side in VS Code's native diff editor:
- Green = only in left file
- Red = only in right file
- Yellow = same key, different value
📊 Status Bar
A persistent status bar item showing:
🔐 ENV: ✅— all synced and protected🔐 ENV: ⚠️ 3 issues— issues found (click to open dashboard)🔐 ENV: ⚠️ 🔴 Security risk!— unprotected files detected
📦 Installation
From VS Code Marketplace
- Open VS Code
- Go to Extensions (
Ctrl+Shift+X/Cmd+Shift+X) - Search for "EnvLock"
- Click Install
🙏 Acknowledgements
Built with ❤️ using the VS Code Extension API. Inspired by the need to keep teams secure and in sync when managing environment configurations. Happy coding! Rishabh Singh 💻