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
VS Code Extension
Lightweight extension for Visual Studio Code with syntax highlighting and snippets.
Kite Language
FeaturedKiteCorp
Full language support for Kite IaC — syntax highlighting, IntelliSense, diagnostics, code navigation, and 40+ validation rules.
Installor run:
ext install EchoStream.kite-languageFeatures
28 IDE features + 40 validation checks
Core IDE Features
| Feature | Shortcut | Description |
|---|---|---|
| Syntax Highlighting | — | TextMate grammar with semantic tokens |
| Go to Definition | F12 | Navigate to symbol definitions, cross-file support |
| Find References | Shift+F12 | Find all usages across workspace |
| Autocomplete | Ctrl+Space | Context-aware with DevOps-friendly suggestions |
| Hover Documentation | Hover | Quick docs showing type, parameters, descriptions |
| Signature Help | Ctrl+Shift+Space | Parameter hints for function calls |
| Document Symbols | Ctrl+Shift+O | Outline view in sidebar |
| Rename Symbol | F2 | Rename across file/workspace |
| Code Formatting | Shift+Alt+F | Auto-format with consistent indentation |
| Inlay Hints | — | Inline type and parameter hints |
| Code Actions | Ctrl+. | Quick fixes and auto-import |
Navigation
| Feature | Shortcut | Description |
|---|---|---|
| Workspace Symbols | Ctrl+T | Global symbol search across all files |
| Document Highlight | — | Highlight all occurrences of symbol |
| Code Lens | — | Show reference counts above declarations |
| Folding Range | Ctrl+Shift+[ | Collapse/expand code blocks |
| Go to Implementation | Ctrl+F12 | Find all resources/instances of schema/component |
| Go to Type Definition | — | Navigate to schema/component definition |
| Document Links | Ctrl+Click | Clickable import paths |
Refactoring & Editing
| Feature | Shortcut | Description |
|---|---|---|
| Call Hierarchy | Shift+Alt+H | View incoming/outgoing function calls |
| Selection Range | Shift+Alt+→ | Smart expand/shrink selection |
| Linked Editing | — | Simultaneous editing of related identifiers |
| On Type Formatting | — | Auto-format as you type |
Diagnostics & Validation
40 validation rules for detecting errors and code quality issues:
| Category | Count | Examples |
|---|---|---|
| Errors | 20 | Duplicate parameters, decorator validation, circular imports |
| Warnings | 16 | Empty block, variable shadowing, infinite loop, unused imports |
| Hints | 4 | Empty string check, negated comparison, implicit any |
Smart Defaults
Property-name-aware default value suggestions:
| Property | Suggestions |
|---|---|
port | 80, 443, 3306, 5432, 6379, 8080, 27017 |
region | us-east-1, us-west-2, eu-west-1 |
instanceType | t2.micro, t3.small, m5.large |
environment | dev, staging, prod |
cidr | 10.0.0.0/16, 192.168.0.0/16 |
runtime | nodejs18.x, python3.11 |
Installation
- Open VS Code
- Press
Ctrl+Shift+X(orCmd+Shift+Xon macOS) - Search for
Kite - Click Install
Next: Learn the Syntax of Kite.