DEV Community

Gaurav Prajapati
Gaurav Prajapati

Posted on

I built a visual .env manager for VS Code πŸ”

The Problem

Every developer deals with .env files daily β€” juggling secrets,
switching between environments, and occasionally committing API keys
by accident. 😬

I wanted something visual and simple right inside VS Code β€” so I built ENV Manager.

What is ENV Manager?

ENV Manager is a free VS Code extension that gives you a beautiful
UI to manage all your .env files without touching raw files.

Features

  • πŸ“ Multi-profile support β€” switch between .env.local, .env.production, .env.staging with one click
  • πŸ”’ Secret masking β€” API keys hidden by default, click to reveal
  • ✏️ Inline editing β€” edit variables directly, no raw file editing
  • πŸ” Search & filter β€” find variables instantly
  • ⬇️ Export .env.example β€” generate safe template with no values
  • πŸ’Ύ Save in place β€” saves directly back to your .env file

How to Install

Search "ENV Manager" in VS Code Extensions (Ctrl+Shift+X)

Or install directly:
πŸ‘‰ Install ENV Manager

How to Use

  1. Open a project with .env files
  2. Press Ctrl+Shift+E (Mac: Cmd+Shift+E)
  3. ENV Manager panel opens automatically

Coming Soon

  • πŸ”„ Team sync via GitHub Gist
  • πŸ“Š Diff view between profiles
  • πŸ“‹ Duplicate profile

Feedback

Would love your feedback, bug reports, or feature suggestions!

πŸ‘‰ VS Code Marketplace

Top comments (0)