---
title: "Qt Creator"
description: "Qt Creator Configuration for Slint"
---
import Link from '@slint/common-files/src/components/Link.astro';

### Syntax Highlighting

Qt Creator supports the same format as Kate. Refer to the instructions for [Kate](/master/docs/slint/guide/tooling/kate.md#syntax-highlighting) to set up syntax highlighting.

### LSP

To install the Slint Language server, check the [LSP Documentation](/master/docs/slint/guide/tooling/manual-setup.md#slint-lsp).

To setup the lsp:

 1. Install the `slint-lsp` binary
 2. Then in Qt creator, go to *Tools > Option* and select the *Language Client* section.
 3. Click *Add*
 4. As a name, use "Slint"
 5. use `*.slint` as a file pattern. (don't use MIME types)
 6. As executable, select the `slint-lsp` binary (no arguments required)
 7. Click *Apply* or *Ok*

![Qt Creator LSP Configuration](../../../../assets/guide/tooling/qt-creator-lsp-setup.webp)

### Live Preview

Once you have set up the LSP, in order to **preview a component**, when you have a .slint file open, place your cursor to
the name of the component you would like to preview and press *Alt + Enter* to open
the code action menu. Select *Show Preview* from that menu.