The official VS Code extension for the Round Framework.
Features
Intelligent LSP
Complete Language Server support for .round files, bringing the power of TypeScript to your reactive templates.
Precision Mapping: Error squiggles, hovers, and definitions align perfectly with your source code, even inside complex if and for blocks.
Advanced Hovers: Instant type information for signals, bindables, and props.
Go to Definition: Navigate your signals and components with a single click.
Hybrid Syntax Highlighting
A custom TextMate grammar designed specifically for Round's hybrid format.
Context-aware highlighting for HTML tags and JSX expressions.
Support for Round's custom control-flow: {if(...){...}} and {for(... in ...){...}}.
Special highlighting for the bind:* directive.
Smart Snippets
Boost your productivity with built-in snippets for common Round patterns:
round:component: Scaffold a new component.
round:signal: Create a reactive signal.
round:bindable: Create a two-way binding.
round:if / round:for: Fast control-flow blocks.
Getting Started
Install this extension from the VS Code Marketplace.
Open any .round file in your workspace.
If the language is not automatically detected, click on the language selector in the status bar (bottom right) and select Round.
Requirements
The extension works best when your project contains a package.json with round-core installed, but it can also resolve types from a local src/index.d.ts if you are working on the framework itself.
