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)