Slyte Language Service
Language support for Slyte Framework in Visual Studio Code.
Features
- Language server powered support for Slyte JavaScript and template workflows.
- Completions for Slyte-specific constructs.
- Go to Definition support for relevant Slyte symbols.
- Diagnostics and validation for Slyte component/template patterns.
- Semantic highlighting support.
- Code actions and SlyteDoc comment generation commands.
- Project commands for build and serve.
- Scaffolding commands for components, routes, models/schemas, and related modules.
Extension Settings
This extension contributes the following settings:
| Setting |
Default |
Description |
| slyte.cli.useLocallyInstalled |
false |
Use Locally Installed Slyte CLI. |
| slyte.cli.localPath |
"" |
Absolute Path of Locally Installed Slyte CLI. |
| slyte.component.author |
Contributor Name <name.lastname@example.com> |
Contributor Details for SlyteDoc Comment Generation |
| slyte.component.import.validation |
true |
To Enable import validation of components and helpers within a template. |
| slyte.component.problems |
1000 |
Maximum number of problems can be shown in problems view. |
| slyte.component.import.components |
5 |
Maximum number of components in a import-component tag |
| slyte.component.directories |
{} |
To set colon seprated components path to show them in content assist. |
| slyte.build.watch |
false |
To run Build with watch |
| slyte.build.mode |
none |
To run Build with production or development mode |
| slyte.serve.port |
3000 |
To provide a port number for running the application |
| slyte.trace.server |
off |
Traces the communication between VS Code and the language server. |
Commands
The following commands are available in the Command Palette:
- New Slyte App (slyte.extension.new)
- New Slyte Addon (slyte.extension.newAddon)
- Install Slyte CLI (slyte.cli.install)
Keyboard Shortcuts
| Keybinding |
Command |
Command ID |
| Ctrl+Shift+D |
Write Slyte Doc Comments to Editor |
slyte.extension.writeSlyteDocComments |
Note: Ctrl+Shift+D works only when you have an appropriate text selection in a JavaScript file within a Slyte project.
Other extension actions are available from Explorer and Editor context menus.
Path: right-click folder -> Slyte -> Slyte sub menu.
- Run build
- Run serve
- Run Configurations...
- New Component
- New Helper
- New Route
- New Service
- New Schema
- New Connector
- New Serializer
- New Map
- New Theme
Path: right-click editor -> Slyte -> Slyte sub menu.
- Generate: Slyte Doc Comments
- Generate: Property Comments
- Generate: Method Comments
- Generate: Event Comments
- Generate: Utility Comments
- Generate: Custom Elements Comments
Usage
- Install the extension.
- Open a Slyte workspace (with lyte.config.js or addon.js).
- Use commands from:
- Explorer: right-click folder -> Slyte
- Editor: right-click editor -> Slyte
- Command Palette
License
Apache-2.0
| |
