LaunchDarkly for Visual Studio Code

The LaunchDarkly VSCode extension provides utilities that make it easy to work with feature flags using LaunchDarkly without ever leaving VSCode. See details about feature flags defined in your code, toggle them on or off, search for usage, see all possible flag variations and more.

Features

Use a set of @LaunchDarkly commands in GitHub Copilot to interact with your flags
Feature flag details tooltip on hover
Flag name autocomplete
Open feature flags in LaunchDarkly (Default keybind: ctrl+alt+g/⌘+alt+g)
Feature flag explorer: view a list of your feature flags and their settings in the explorer view
Create Boolean Flag
Flag Actions
Quick Links to LaunchDarkly
Flags in File
Flag Lens
Dashboard Shortcuts

Read our official documentation about this extension at https://docs.launchdarkly.com/integrations/vscode

Create a LaunchDarkly Developer Account

Create a free LaunchDarkly account with our Developer tier here.

Hover

Show LaunchDarkly feature flag information right in your code. Anywhere a feature flag key is wrapped in string delimiters or if your application leverages Code References you can find aliases throughout the code base and a informational hover will appear when you mouseover them.

Create Boolean Flag

Using Command Palette (CMD/CTRL + Shift + P) → LaunchDarkly: Create Boolean Flag

Create a boolean feature flag and have it automatically copied to your clipboard without leaving VSCode.

Information required:

Flag name
Flag key, name from step 1 will convert to a flag key in the same format as the LaunchDarkly UI handles it.
SDK Availability

Flag Actions Command

Use the LaunchDarkly: Flag Actions command to bring up a menu of options that you can choose from to interact with your feature flags.

Toggle Feature Flag

Change the enabled state of a feature flag without moving your hands from your keyboard.

Using Command Palette (CMD/CTRL + Shift + P) → LaunchDarkly: Toggle Flag

You can select from a list of all the feature flags in the project. The most recently toggled feature flags will be at the top of the list.

Quick Links

Each link to will open your browser to specific pages in LaunchDarkly UI.

Flags in File

List of all flags found in the file. Added/Removed flags will not show until switching to another file and back.

Feature Flag Explorer

The feature flag explorer will automatically refresh whenever environment-specific configuration updates are made, like turning on your flag or adding a rule. For any changes that affect all environments, such as adding tags, the explorer can be manually refreshed.

New flags will automatically be added to the end of the feature flag list until next reload of the application.

Flag names in the treeview can be right-clicked where you can update a flag's state, default rule when on, and default off variation

Flag Lens

The Flag Lens functionality shows insights about the usage and status of LaunchDarkly feature flags directly in the code. For a given feature flag in the codebase, the Flag Lens displays:

Flag Name: The feature flag's name as it appears in LaunchDarkly. Flag Status: Whether the flag is currently enabled or disabled. Variation Information: Which variation or value of the flag is currently being served.

This is OFF by default. It can be enabled through Settings > LaunchDarkly Extension > Enable Flag Lens.

Dashboard Shortcuts

Use the LaunchDarkly: Dashboard Shortcuts command to open a list of your shortcuts for the configured project.

Use LaunchDarkly commands in GitHub Copilot Chat

Command	Definition	Example
@LaunchDarkly /createFlag	GitHub Copilot creates a LaunchDarkly feature flag based on your prompt	@LaunchDarkly /createFlag I need a new feature flag for the account-migration project
@LaunchDarkly /explain	GitHub Copilot asks you to select a flag, and then provides a summary of the flag, its variations, and its release pipeline status. If the flag is ready for cleanup, the summary will mention that, and the Problems tab will include a message that the flag is ready for cleanup.	@LaunchDarkly /explain
@LaunchDarkly /cleanup	GitHub Copilot asks you to select a flag, and then determines whether or not the selected flag is ready for cleanup. It provides details on each criteria that must be met. To learn more about when a flag can be archived, read Deprecating, archiving, and deleting flags.	@LaunchDarkly /cleanup

This depends on the GitHub Copilot Chat extension being installed and configured.

Telemetry

LaunchDarkly collects information about your use of this extension in accordance with the LaunchDarkly privacy policy.

You can opt out at any time in the extension settings LaunchDarkly > Enable Telemetry and unchecking the box. We also respect the VSCode Telemetry setting.

Contributing

LaunchDarkly for Visual Studio Code is an open source project. If you experience any issues, please log an issue on our issue tracker. If you'd like to contribute, we're happily taking pull requests.