ENV Updater - VSCode Extension

A simple VSCode extension to easily modify environment variables in your .env files.

Features

• 📋 Lists all environment variables from your .env file
• ✏️ Quickly edit variable values
• 💾 Automatic save of modifications

Installation

From Marketplace

Search for "ENV Updater" in the VSCode Extensions marketplace and click Install.

Manual Installation

1. Clone the repository and install dependencies:

git clone <repo-url>
cd env-updater-vscode-extension
npm install

2. Compile the extension:

npm run compile

3. Open the project in VSCode:

code .

4. Press F5 to launch a new VSCode instance with the extension

Usage

1. Make sure you have a .env file at the root of your workspace
2. Open the Command Palette: Ctrl+Shift+P (Windows/Linux) or Cmd+Shift+P (Mac)
3. Type "Update ENV Variable" and select the command
4. Choose the variable to modify from the list
5. Enter the new value
6. The change is automatically saved

Project Structure

env-updater-vscode-extension/
├── src/
│   └── extension.ts      # Main extension code
├── out/                  # Compiled JavaScript files
├── .vscode/             
│   ├── launch.json      # Debug configuration
│   └── tasks.json       # Build tasks
├── package.json         # Extension manifest
├── tsconfig.json        # TypeScript configuration
└── README.md           # This file

Development

• npm run compile: Compile TypeScript to JavaScript
• npm run watch: Auto-compile on changes
• F5 in VSCode: Launch extension in debug mode

Supported Format

The extension reads standard .env file format:

VARIABLE_NAME=value
ANOTHER_VAR=another value
# Comments are ignored

Limitations

• Only supports .env files at workspace root
• Variables must follow the KEY=VALUE format
• Comments (lines starting with #) are preserved but ignored

License

ISC