Visual Studio Code

Play

The Slint extension for Visual Studio Code (VS Code) gives you syntax highlighting, completion, diagnostics, a live preview of the UI, and a command to create a new project from a template. This page shows how to install it and create a project from a template.

Note

We support many other tools and editors, see here.

Setting Up VS Code

1. Install VS Code. Download it here ↗.

2. Install the Slint extension. Find it here ↗.

3. Create a new project based on a Slint template. This is done via the command palette (CTRL+Shift+P) or on MacOS (CMD+Shift+P). Start typing ‘slint’ and from the options select ‘Slint: Create New Project from Template’.

4. Choose your language. Then select from the list of languages.

5. Choose a folder to save the project in.

6. Name the project. Give the project a name and now a new project will be created in the selected folder based on a simple template to get you started.