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
- Clone the repository and install dependencies:
git clone <repo-url>
cd env-updater-vscode-extension
npm install
- Compile the extension:
npm run compile
- Open the project in VSCode:
code .
- Press
F5 to launch a new VSCode instance with the extension
Usage
- Make sure you have a
.env file at the root of your workspace
- Open the Command Palette:
Ctrl+Shift+P (Windows/Linux) or Cmd+Shift+P (Mac)
- Type "Update ENV Variable" and select the command
- Choose the variable to modify from the list
- Enter the new value
- 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
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
| |