Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>ENV PreviewerNew to Visual Studio Code? Get it now.
ENV Previewer

ENV Previewer

Octomon

|
9 installs
| (0) | Free
Visualize the value of an environment variable by hovering over it!
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Version Installs Rating

🧩 Env Previewer

Env Previewer is a lightweight Visual Studio Code extension that lets you instantly preview environment variable values by simply hovering over them in your code. Perfect for debugging or quick checks without switching between files.

Demo Image 1 Demo Image 2

🚀 Usage

  1. Make sure you have a .env file located at the root of your project

  2. Hover over any variable reference, a tooltip will show its value

  3. To hide sensitive data (replace values with *):

    • Open the command palette (Ctrl + P / Cmd + P)
    • Run: Env Previewer: Toggle variables visibility

Features

  • Preview on Hover – Instantly display the value of any environment variable when hovering over its name in your code.
  • Toggle Visibility – Hide or show variable values with a single command (great for streaming or recording)
  • Refresh Variables – Reload your environment variables automatically without restarting VS Code

⚠️ Known Limitations

  • ...

💡 Feedback & Contributions

Found a bug or have an idea to improve the extension? Open an issue or pull request on GitHub!

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