✅ Интеграция Slint (для Rust) в VS Code

👉 Slint имеет официальное расширение для Visual Studio Code


🧠 Что это даёт в VS Code

После установки расширения вы получаете:

✔ подсветку .slint файлов
✔ автодополнение
✔ проверку ошибок
✔ Live Preview
✔ навигацию по коду

👉 Это делает Slint почти как Qt Designer, но внутри VS Code

📌 Под капотом работает language server (LSP), который даёт все эти возможности ([slint.dev][1])


🟦 Как установить (пошагово)

1. Откройте Extensions

Ctrl + Shift + X

2. Найдите:

Slint

3. Установите:

👉 Slint extension (официальное)


🚀 4. Как начать работать

После установки:

Ctrl + Shift + P

Введите:

Slint: Create New Project from Template

👉 Выбирите:

  • Rust
  • папку

И у вас сразу создаётся проект ([Slint Docs][2])


🔥 Самое важное (что делает Slint мощным)

Slint — это не просто библиотека, а отдельный язык UI:

export component HelloWorld inherits Window {
    Text {
        text: "Hello";
        color: green;
    }
}

👉 UI описывается отдельно от Rust
👉 почти как HTML + CSS

([slint.rs][3])


⚡ Как это выглядит в реальной работе

Вы работаете так:

  • .slint → интерфейс
  • .rs → логика
slint::include_modules!();

fn main() {
    HelloWorld::new().unwrap().run().unwrap();
}

💡 Важный момент

Slint в VS Code работает лучше всего, когда:

✔ проект через Cargo
✔ открыта папка
✔ есть .slint файлы

👉 как и с rust-analyzer