Using the JetBrains plugin for JavaScript

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

For JavaScript developers, the JetBrains plugin works for both IntelliJ and Webstorm. From here on, we will assume that you are using Webstorm.

Existing Kite User?

Please restart Kite to see JavaScript completions. 

Prerequisites

The only prerequisites are that you have Webstorm installed (see this guide on installing PyCharm), the Kite Engine running, and the Kite Webstorm plugin installed. If you don't have the Kite Webstorm plugin installed, you can learn how to do so here.

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

Checking the Status of Kite

If Kite is installed properly, you should see a small Kite logo at the bottom right corner of the Webstorm window. Clicking this icon opens a menu that will tell you the current status of Kite.

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

Icon Message Description
Kite is not installed The Kite Engine is not installed.
Kite Engine is not running The Kite Engine is not running.
Kite is ready and working Kite is ready to go — start coding!
No icon No message This typically means that you are coding in an unsaved file or a filetype that is not   .js  .jsx  .vue  
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.

The menu that appears when clicking the icon will also allow you to access your settings.

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. Kite's completions are marked with the Kite logo on the left 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

Kite comes with several actions that you can run.

Command Description
Kite: Status Show the current status of Kite in the status panel
Kite: Editor Plugin Settings Open the settings for the Kite Jetbrains plugin
Kite: General Settings Open the settings for the Kite Engine
Kite: Python Tutorial Open the Kite Python tutorial file
Kite: JavaScript Tutorial Open the Kite JavaScript tutorial file
Kite: Help Open Kite's help website in the browser

Other Functionality

For JavaScript, Kite does not yet offer function signatures or Copilot documentation. These features are only available for Python.