Using the VS Code plugin for JavaScript

In this article, you'll learn how to access all the features the VS Code plugin has to offer for JavaScript.

Existing Kite User?

Please restart Kite to see JavaScript completions. 

Prerequisites

The only prerequisites are that you have Kite Engine running and the VS Code plugin installed. If you don't have the VS Code plugin installed, you can learn how to do so here.

Note: If you installed the VS Code plugin while VS Code was already running, you'll need to restart VS Code for the plugin to activate

Checking the Status of Kite

If Kite is installed properly, you should see a text indicator at the bottom right corner of the VS Code window.

There are a handful of possible states Kite can be in, as described in the following table:

Message Description
Kite: not Installed Kite Engine is not installed.
Kite: not running Kite Engine is not running.
Kite Kite is ready to go - start coding!
No icon This typically means that you are coding in an unsaved file or a filetype not yet supported by Kite.
Note:  When you first start the editor, Kite takes 15 seconds to load up the machine learning models that power completions. During that time, you will not see Kite completions.

For the first two (red) states, you'll need to take manual action to install and/or run Kite.

Writing code and Accessing Features

In the following sections, the $ character indicates the position of your editor's text cursor.

Completions

To start, open a JavaScript file. Make sure that this file has been saved with a   .js  .jsx  .vue  extension. Now type the following code:

import R$

A list of suggested completions should automatically appear. When highlighted, Kite's completions are all marked with the  kite symbol on the right hand side.

Kite's completions are powered by a deep learning model, so it provides completions for almost all JavaScript code, such as statements, functions, objects, and much more.

Here are ways Kite completions work differently than your typical autocomplete:

Kite can complete up to multiple lines of code at a time, reducing the time you spend writing repetitive code.

Kite is able to provide completions when editors like VS Code cannot understand the code.

Kite shows completions in more situations, for example after a space.

Kite works alongside your editor’s completions. We use carefully-designed filters to reduce noise.

Commands

The VS Code plugin provides a number of commands for ease of use. The GitHub repository contains information on the available commands.

Other Functionality

For JavaScript, Kite does not yet offer function signatures or Copilot documentation.