Slint for Visual Studio Code

This extension for VS Code adds support for the Slint design markup language.

Features

• Syntax highlighting
• Diagnostics from .slint files
• Live Preview of a .slint file
• Completion of properties
• Jump to definition (currently, only definition of Component)
• Rename refactoring across .slint files. When renaming a public property, callback, or function, the LSP can search and replace matching generated Rust/C++ accessor identifiers in workspace Rust and C++ source files. The search is textual and includes comments and strings; inspect the resulting changes with source control.

Installation

You can install the extension directly from the Visual Studio Code Marketplace. Afterwards it is automatically activated when editing files with the .slint extension.

Live-Preview

In addition to the usual code editing features such as completion and syntax highlighting, this extension also offers the ability to view a rendering of the file you're editing and update it on-the-fly when making changes.

You can issue the "Slint: Show Preview" command from the command palette when editing a .slint file. This will create a new top-level window that renders the file you're editing. Any changes you make are immediately visible, it is not necessary to save the file.

Reporting Issues

Issues should be reported in the Slint issue tracker.