Effortlessly preview environment variable values directly within your VS Code editor. Hover over an environment variable in your code to see its value from different .env files.
✨ Features
Instant Preview: Hover over an environment variable (e.g., process.env.API_KEY or import.meta.env.VITE_USER) to see its value.
Multi-File Support: Displays values from various .env files (e.g., .env, .env.development, .env.production).
Quick Actions:
Edit: Directly jump to the variable definition in the corresponding .env file.
Copy: Quickly copy the variable's value.
Clear Identification: Easily distinguish between different environment configurations (e.g., development, staging, production).
🚀 Installation
Open Visual Studio Code.
Go to the Extensions view (Ctrl+Shift+X or Cmd+Shift+X).
Once installed, simply open a project with .env files and hover your mouse cursor over an environment variable in your code (e.g., in a JavaScript, TypeScript, or other supported file types). A tooltip will appear showing the values from your configured .env files.
🙏 Sponsors
Support this project by becoming a sponsor. Your name will appear here and on my GitHub profile.