Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>DotEnvAdderNew to Visual Studio Code? Get it now.
DotEnvAdder

DotEnvAdder

Siddhraj Gohil

|
562 installs
| (1) | Free
Add values to dotenv and use them directly
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Hello Folks 👋

- Have you ever faced difficulties in adding environment variables 🤔?

Normally, The steps to add env variables and use it are: -

  • First you need to create a .env file
  • Then create a variable containing your secret
  • lastly use it as per your programming language.

This is a cumbersome activity that hinders the productivity of the developer!!

So i decided to create a vscode extension that takes care of this operation for you.

Meet .envAdder 🙋‍♂️

  • A new born vscode extension that handles the management of the environment variables for you on the go without leaving your working file.

Steps

  • Open your file containing the secret in vscode
  • Select the secret you want to add to environment, right click and select Add to .env .
  • Give the environment name you want to save it with when prompted.
  • Tadah 🪄, the secret in the file will automatically be changed to use that environment variable

Limitiations

Since it's a newborn, it will acquire fresh skills as time goes by. 👼

Limitations are: -

  • Extension will create the environment file in the root of the workspace open in the vscode, so use accordingly ⚠️.

  • Currently it only supports

    1. Javascript
    2. Typescript
    3. JSX
    4. TSX
    5. Python

Please give your feedback on the extension, as it helps me improve the functionality and make it more developer friendly 😉

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