The latest articles on DEV Community by Gaurav Prajapati (@gaurav_prajapati_50c53203). https://dev.to/gaurav_prajapati_50c53203 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3993563%2Fd1ded4ef-7e78-4829-ac11-0682c21b74ab.png https://dev.to/gaurav_prajapati_50c53203 en Gaurav Prajapati Sat, 20 Jun 2026 05:14:37 +0000 https://dev.to/gaurav_prajapati_50c53203/i-built-a-visual-env-manager-for-vs-code-718 https://dev.to/gaurav_prajapati_50c53203/i-built-a-visual-env-manager-for-vs-code-718 <h2> The Problem </h2> <p>Every developer deals with <code>.env</code> files daily — juggling secrets, <br> switching between environments, and occasionally committing API keys <br> by accident. 😬</p> <p>I wanted something visual and simple right inside VS Code — so I built <strong>ENV Manager</strong>.</p> <h2> What is ENV Manager? </h2> <p>ENV Manager is a free VS Code extension that gives you a beautiful <br> UI to manage all your <code>.env</code> files without touching raw files.</p> <h2> Features </h2> <ul> <li>📁 <strong>Multi-profile support</strong> — switch between <code>.env.local</code>, <code>.env.production</code>, <code>.env.staging</code> with one click</li> <li>🔒 <strong>Secret masking</strong> — API keys hidden by default, click to reveal</li> <li>✏️ <strong>Inline editing</strong> — edit variables directly, no raw file editing</li> <li>🔍 <strong>Search &amp; filter</strong> — find variables instantly</li> <li>⬇️ <strong>Export <code>.env.example</code></strong> — generate safe template with no values</li> <li>💾 <strong>Save in place</strong> — saves directly back to your <code>.env</code> file</li> </ul> <h2> How to Install </h2> <p>Search <strong>"ENV Manager"</strong> in VS Code Extensions (<code>Ctrl+Shift+X</code>)</p> <p>Or install directly:<br> 👉 <a href="https://marketplace.visualstudio.com/items?itemName=GauravPrajapati.env-profile-manager" rel="noopener noreferrer">Install ENV Manager</a></p> <h2> How to Use </h2> <ol> <li>Open a project with <code>.env</code> files</li> <li>Press <code>Ctrl+Shift+E</code> (Mac: <code>Cmd+Shift+E</code>)</li> <li>ENV Manager panel opens automatically</li> </ol> <h2> Coming Soon </h2> <ul> <li>🔄 Team sync via GitHub Gist</li> <li>📊 Diff view between profiles</li> <li>📋 Duplicate profile</li> </ul> <h2> Feedback </h2> <p>Would love your feedback, bug reports, or feature suggestions!</p> <p>👉 <a href="https://marketplace.visualstudio.com/items?itemName=GauravPrajapati.env-profile-manager" rel="noopener noreferrer">VS Code Marketplace</a></p> productivity webdev opensource vscode