IDE Support
Get syntax highlighting, code completion, and error checking in your favorite editor.
IntelliJ Plugin
Full IDE integration for all JetBrains IDEs including IntelliJ IDEA, WebStorm, PyCharm, GoLand, and others.
Features
Navigation
| Feature | Shortcut | Description |
|---|
| Go to Declaration | Cmd+Click | Navigate to variable, resource, component, function declarations |
| Find Usages | Cmd+Click on declaration | Show dropdown of all usages with context icons and line preview |
| Go to Resource | Cmd+O | Search and navigate to any resource, component, or schema |
| Go to Symbol | Cmd+Alt+O | Search all symbols including variables, functions, inputs, outputs |
| Property Navigation | Cmd+Click | Click size in server.size to jump to property definition |
| String Interpolation | Cmd+Click | Navigate from ${port} or $port to declaration |
| Breadcrumbs | — | Shows current location in file hierarchy at bottom of editor |
Editor
| Feature | Shortcut | Description |
|---|
| Syntax Highlighting | — | Lexical and semantic coloring for keywords, types, strings, decorators |
| Code Completion | Ctrl+Space | Context-aware suggestions for schema properties, variables, functions |
| Inlay Hints | — | Shows inferred types after variables and parameter names in calls |
| Quick Documentation | F1 | Popup showing type, default value, decorators, and comments |
| Parameter Info | Ctrl+P | Shows function parameter hints while typing arguments |
| Code Folding | Cmd+-/+ | Collapse/expand components, resources, schemas, functions, loops |
| Code Formatting | Cmd+Alt+L | Auto-format with vertical alignment of properties |
| Comment Toggle | Cmd+/ | Toggle line and block comments |
| Brace Matching | — | Automatic highlighting of matching braces, brackets, parentheses |
Inspections & Quick Fixes
| Feature | Shortcut | Description |
|---|
| Type Checking | — | Real-time validation of types and undefined references |
| Missing Properties | — | Warns when required schema properties are not defined |
| Unused Imports | — | Detects and grays out unused imports |
| Optimize Imports | Cmd+Alt+O | Remove unused imports automatically |
Refactoring
| Feature | Shortcut | Description |
|---|
| Rename | F2 | Safely rename symbols across all files |
| Extract Variable | Cmd+Alt+V | Extract expression into a new variable |
Structure View
| Feature | Description |
|---|
| Hierarchical Outline | Color-coded icons for resources, components, schemas, functions, variables |
| Element Icons | Resource (purple), Component (blue), Schema (green), Function (orange), Input (yellow), Output (lime) |
Installation
- Open IntelliJ IDEA (or any JetBrains IDE)
- Go to Settings → Plugins
- Click Marketplace tab
- Search for
Kite - Click Install
- Restart your IDE
Supported IDEs
Works with all JetBrains IDEs version 2023.1 and later:
- IntelliJ IDEA (Community & Ultimate)
- WebStorm
- PyCharm
- GoLand
- PhpStorm
- RubyMine
- CLion
- Rider
Next: Learn the Syntax of Kite.