Skip to main content
Version: Config V1 (legacy)

Visual Studio Code - Manage your feature flags from VSCode

ConfigCat's Visual Studio Code extension to manage feature flags from Visual Studio Code.

Feature overview​

Usage of ConfigCat Feature Flags Visual Studio Code Extension

List of Features​

  • Turn features On / Off right from Visual Studio Code.
  • Add Targeting or Percentage Rules from Visual Studio Code.
  • Find Feature Flag usages in your code.
  • Create Feature Flags within Visual Studio Code.
  • Copy a Feature Flag's key to the clipboard.
  • View your Products & Configs.
  • Create Configs within Visual Studio Code.
  • Connect a Config to your Workspace.
  • Open a Config on ConfigCat Dashboard.

Install extension​

Visual Studio Code Marketplace​

  1. In the Visual Studio Marketplace, open the ConfigCat Feature Flags Extension.
  2. Click on the Install button.
  3. Configure extension (see below)

Install within Visual Studio Code​

  1. In Visual Studio Code, open the Extensions page, and search for ConfigCat Feature Flags.
  2. Click on the Install button.
  3. Configure extension (see below).

Configure extension​

Authentication​

  1. Get your API credentials for ConfigCat Public Management API.
  2. Authenticate ConfigCat in Visual Studio Code by
    • clicking on the ConfigCat Feature Flags icon on the Activity Bar and clicking on any of the Authenticate buttons.
    • or running the ConfigCat - Log In command from the Command Palette.
Installation of ConfigCat Feature Flags Visual Studio Code Extension

Advanced​

This section is for you if you use a dedicated hosted/on-premise ConfigCat instance. In that case, you can specify your custom ConfigCat URLs in Visual Studio Code. You can do that by executing the Preferences: Open Workspace Settings command from the Command Palette and searching for Extensions/ConfigCat or clicking the manage button on the ConfigCat Feature Flags extension's page. Important settings:

Usage​

ConfigCat Feature Flags Views​

The ConfigCat Feature Flags Views can be opened by clicking on the ConfigCat Feature Flags icon on the Visual Studio Code's Activity Bar. It consists of 3 different view:

Products & Configs View​

Manage your products and configs on the Products & Configs View by performing the following actions:

  • View all of your Products & Configs.
  • Create Configs under a Product.
  • Connect a Config to your current Workspace.
  • Open your Configs on the ConfigCat Dashboard.

Feature Flags & Settings View​

After you successfully connect your ConfigCat Config to your Visual Studio Code Workspace, open the Feature Flags & Settings View and:

  • Turn features On / Off right from Visual Studio Code.
  • Add Targeting or Percentage Rules from Visual Studio Code.
  • View or Update your Feature Flag's value.
  • View the connected Config's Feature Flags.
  • Create new Feature Flags.
  • Copy a Feature Flag's key to clipboard.
  • Find your Feature Flag's usages in your code.

Help & Feedback View​

The Help & Feedback view provides you some quick links to open ConfigCat's Documentation, ConfigCat's Dashboard and gives you the opportunity to report any issues.