Skip to main content
Documentation

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

FeatureShortcutDescription
Go to DeclarationCmd+ClickNavigate to variable, resource, component, function declarations
Find UsagesCmd+Click on declarationShow dropdown of all usages with context icons and line preview
Go to ResourceCmd+OSearch and navigate to any resource, component, or schema
Go to SymbolCmd+Alt+OSearch all symbols including variables, functions, inputs, outputs
Property NavigationCmd+ClickClick size in server.size to jump to property definition
String InterpolationCmd+ClickNavigate from ${port} or $port to declaration
Breadcrumbs—Shows current location in file hierarchy at bottom of editor

Editor

FeatureShortcutDescription
Syntax Highlighting—Lexical and semantic coloring for keywords, types, strings, decorators
Code CompletionCtrl+SpaceContext-aware suggestions for schema properties, variables, functions
Inlay Hints—Shows inferred types after variables and parameter names in calls
Quick DocumentationF1Popup showing type, default value, decorators, and comments
Parameter InfoCtrl+PShows function parameter hints while typing arguments
Code FoldingCmd+-/+Collapse/expand components, resources, schemas, functions, loops
Code FormattingCmd+Alt+LAuto-format with vertical alignment of properties
Comment ToggleCmd+/Toggle line and block comments
Brace Matching—Automatic highlighting of matching braces, brackets, parentheses

Inspections & Quick Fixes

FeatureShortcutDescription
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 ImportsCmd+Alt+ORemove unused imports automatically

Refactoring

FeatureShortcutDescription
RenameF2Safely rename symbols across all files
Extract VariableCmd+Alt+VExtract expression into a new variable

Structure View

FeatureDescription
Hierarchical OutlineColor-coded icons for resources, components, schemas, functions, variables
Element IconsResource (purple), Component (blue), Schema (green), Function (orange), Input (yellow), Output (lime)

Installation

  1. Open IntelliJ IDEA (or any JetBrains IDE)
  2. Go to Settings → Plugins
  3. Click Marketplace tab
  4. Search for Kite
  5. Click Install
  6. 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

Featured

KiteCorp

Full language support for Kite IaC — syntax highlighting, IntelliSense, diagnostics, code navigation, and 40+ validation rules.

(5)FreeLanguage Support
Installor run: ext install EchoStream.kite-language

Features

28 IDE features + 40 validation checks

Core IDE Features

FeatureShortcutDescription
Syntax Highlighting—TextMate grammar with semantic tokens
Go to DefinitionF12Navigate to symbol definitions, cross-file support
Find ReferencesShift+F12Find all usages across workspace
AutocompleteCtrl+SpaceContext-aware with DevOps-friendly suggestions
Hover DocumentationHoverQuick docs showing type, parameters, descriptions
Signature HelpCtrl+Shift+SpaceParameter hints for function calls
Document SymbolsCtrl+Shift+OOutline view in sidebar
Rename SymbolF2Rename across file/workspace
Code FormattingShift+Alt+FAuto-format with consistent indentation
Inlay Hints—Inline type and parameter hints
Code ActionsCtrl+.Quick fixes and auto-import
FeatureShortcutDescription
Workspace SymbolsCtrl+TGlobal symbol search across all files
Document Highlight—Highlight all occurrences of symbol
Code Lens—Show reference counts above declarations
Folding RangeCtrl+Shift+[Collapse/expand code blocks
Go to ImplementationCtrl+F12Find all resources/instances of schema/component
Go to Type Definition—Navigate to schema/component definition
Document LinksCtrl+ClickClickable import paths

Refactoring & Editing

FeatureShortcutDescription
Call HierarchyShift+Alt+HView incoming/outgoing function calls
Selection RangeShift+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:

CategoryCountExamples
Errors20Duplicate parameters, decorator validation, circular imports
Warnings16Empty block, variable shadowing, infinite loop, unused imports
Hints4Empty string check, negated comparison, implicit any

Smart Defaults

Property-name-aware default value suggestions:

PropertySuggestions
port80, 443, 3306, 5432, 6379, 8080, 27017
regionus-east-1, us-west-2, eu-west-1
instanceTypet2.micro, t3.small, m5.large
environmentdev, staging, prod
cidr10.0.0.0/16, 192.168.0.0/16
runtimenodejs18.x, python3.11

Installation

  1. Open VS Code
  2. Press Ctrl+Shift+X (or Cmd+Shift+X on macOS)
  3. Search for Kite
  4. Click Install

Next: Learn the Syntax of Kite.