Skip to main content
Version: 0.9

Visual Studio Code

Quick Start

  • Step 1. Install KCL on your system. Please check that kcl and kcl-language-server are installed and have been added to your PATH: In MacOs and Linux:

    which kcl
    which kcl-language-server

    In Windows:

    where kcl
    where kcl-language-server
  • Step 2. Install the KCL extension for Visual Studio Code. This extension requires the VS Code 1.50+.

  • Step 3. Reopen VS Code and create a KCL file and begin your KCL tour!


This extension provides some coding assistance, including the following features:

  • Syntax Highlight:Highlight
  • Goto Definition: Goto definition of schema, variable, schema attribute, map key and import pkg. Goto Definition
  • Completion: Completion for keywords, dot(.), variables and schema attribute. Completion
  • Outline: Main definition(schema def) and variables in KCL file. Outline
  • Hover: Identifier information (type, function signature and documents). Hover
  • Diagnostics: Warnings and errors in KCL file. Diagnostics

Tips: You can enhance the effect of diagnostics by installing another extension: Error Lens.

  • Format: Format a KCL file or snippet code Format
  • Quick fix: Quick fix some diagnostics Qucik Fix
  • Inlay hint: Inlay hint displays variable type and other semantic information Inlay Hint

Other useful features such as refactoring and testing are in development.


We recommend that you use the latest version of KCL, but the minimum required version for this extension is 0.4.6. If you are using an earlier version, the extension may not work properly.

Known Issues

See here.

Ask for help

If the extension isn't working as you expect, please contact us with community for help.


We are working actively on improving the KCL development on VS Code. All kinds of contributions are welcomed. You can refer to our contribution guide. It introduces how to build and run the extension locally, and describes the process of sending a contribution.


Apache License 2.0