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).

Install from VSIX file​

  1. In Visual Studio Marketplace, open the ConfigCat Feature Flags Extension.
  2. Click on the Download Extension link.
  3. Click on the More Actions icon on the Extensions page in Visual Studio Code and select Install from VSIX...
  4. Configure extension (see below).

Configure extension​

Authentication​

  1. Get your ConfigCat Public API credentials from ConfigCat Dashboard/Public Management API credentials.
  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.