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
Open Visual Studio Code.
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.
Search for Env Autocompletion.
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
Open the Command Palette (Ctrl+Shift+P or Cmd+Shift+P on macOS).
Type Preferences: Open Settings (UI) and select it.
In the search bar, enter Env Autocompletion to find and adjust the relevant settings.
