Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>Env GuardNew to Visual Studio Code? Get it now.
Env Guard

Env Guard

MaranT

| (0) | Free
Blur sensitive values in .env files. Values are revealed locally on demand; no data is transmitted externally.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Env Protector

A Visual Studio Code extension that helps you safely preview .env files by blurring sensitive values until you choose to reveal them.
Ideal for live demos, screen-sharing, or collaboration where configuration data should remain private.


✨ Features

  • 🔒 Blur sensitive values in .env files automatically
  • 👁️ Click Reveal to temporarily show values (auto-hides after a timeout)
  • ⚙️ Set Env Protector as the default editor for .env files
  • 🧩 Toggle between blurred preview and plain text view at any time
  • 🧼 Works completely offline — no network, no telemetry

🚀 Getting Started

  1. Install Env Protector from the VS Code Marketplace.
  2. Open any .env or .env.* file — it will appear blurred by default.
  3. Click Reveal to view values temporarily.
  4. Click Hide (or wait for the timeout) to blur again.

You can configure behavior in VS Code Settings → Extensions → Env Protector:

  • envGuard.autoReplaceWithPreview: Automatically open .env files in blurred preview.
  • envGuard.revealTimeoutSeconds: Time in seconds before values auto-hide.

🧱 Why Env Protector?

When recording videos, sharing your screen, or pairing with teammates, .env files often contain private tokens and credentials.
Env Protector gives you a safe local preview so you can display configuration files without revealing private data.


🔐 Privacy & Security

Env Protector runs entirely on your local machine.

  • No data is uploaded, transmitted, or stored externally.
  • The extension does not make network requests.
  • Clipboard operations are strictly local.
  • No telemetry or analytics are collected.

✅ Your .env data never leaves your device.


⚙️ Commands

Command Description
Env Protector: Open Blur Preview Manually open the blurred preview for a .env file.
Env Protector: Set Preview as Default Set Env Protector as the default editor for .env files.
Env Protector: Clear Preview as Default Remove Env Protector as the default editor.

🧩 Extension Settings

Setting Default Description
envGuard.autoReplaceWithPreview true Automatically open .env files in blurred preview.
envGuard.revealTimeoutSeconds 15 Automatically hide revealed values after this many seconds.

🧑‍💻 Development

  1. Clone the repository
    git clone https://github.com/maran-t/env-guard.git
    cd env-protect
    npm install
    npm run compile
    
  2. Press F5 in VS Code to launch an Extension Host window.

Contributions are welcome via pull requests.


Publisher: @marant
Repository: github.com/maran-t/env-protect

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft