JunoJS VS Code Extension

Official VS Code support for the JunoJS AI-Native Reactive Engine.

Features

• Syntax Highlighting: Full support for JunoJS templates (.juno.html or inline).
• Custom Tags: Highlighting for <if>, <for>, and custom components (e.g., <ui-navbar>).
• Reactive Expressions: Enhanced visibility for {expression} bindings in attributes and text.
• Snippets:
  • ui-component: Scaffold a new JunoJS component.
  • ui-state: Add a reactive state property.
  • ui-if / ui-for: Template logic tags.
  • ui-use: Inject services.
  • ui-host: Access native element.

Installation

1. Open VS Code.
2. Go to the Extensions view (Ctrl+Shift+X).
3. Search for "JunoJS" (once published) or manually install the .vsix file.

Manual Installation (Development)

1. Clone this repository.
2. Navigate to packages/vscode-extension.
3. Run npm install.
4. Press F5 to open a new VS Code window with the extension enabled.

Extension Settings

Currently, no specific settings are required. The extension automatically activates for files ending in .html and .juno.html.

To manually associate other extensions or files:

• Open the Command Palette (Ctrl+Shift+P).
• Select Change Language Mode.
• Search for JunoJS HTML.

License

MIT