Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Env AutoCompletionNew to Visual Studio Code? Get it now.
Env AutoCompletion

Env AutoCompletion

Piyush Soni

|
153 installs
| (1) | Free
Suggests autocompletions from .env and .env.local files.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Env Autocompletion

Env Autocompletion is a Visual Studio Code extension designed to enhance your development workflow by providing autocompletion for environment variables defined in your .env and .env.local files. It integrates seamlessly with React (JavaScript and TypeScript) and Node/Express (JavaScript and TypeScript).

Features

  • Intelligent Autocompletions: Get suggestions for environment variables from your .env and .env.local files as you type.
  • Framework Support: Compatible with React (both JavaScript and TypeScript) and Node/Express (both JavaScript and TypeScript).
  • Effortless Setup: Install the extension and start receiving autocompletion suggestions without additional configuration.

Installation

  1. Open Visual Studio Code.
  2. Navigate to the Extensions view by clicking the Extensions icon in the Activity Bar on the side of the window or pressing Ctrl+Shift+X.
  3. Search for Env Autocompletion.
  4. Click Install to add the extension to your setup.

Usage

After installation, the extension will automatically provide autocompletion suggestions based on the environment variables defined in your .env and .env.local files. Simply begin typing in your code to see relevant suggestions appear.

Configuration

You can customize the behavior of the Env Autocompletion extension with the following settings:

Setting Default Description
envAutocompletion.enable true Enable or disable autocompletion suggestions for environment variables.
envAutocompletion.files .env, .env.local Specify additional paths or filenames to include for autocompletion.
envAutocompletion.suggestionDelay 200 (ms) Configure the delay before suggestions are shown. Adjust this to fine-tune suggestion timing.
envAutocompletion.highlightVariables true Enable or disable highlighting of environment variables in the editor for better visibility.
envAutocompletion.customPrefix "" Specify a custom prefix for environment variable suggestions (case-sensitive).

How to Configure

  1. Open the Command Palette (Ctrl+Shift+P or Cmd+Shift+P on macOS).
  2. Type Preferences: Open Settings (UI) and select it.
  3. In the search bar, enter Env Autocompletion to find and adjust the relevant settings.

Supported Languages and Frameworks

  • React: JavaScript and TypeScript
  • Node.js / Express: JavaScript and TypeScript
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft