GuiLite Previewer — расширение WYSIWYG для GuiLite

• GuiLite — это самая маленькая, простая и стабильная GUI-библиотека для всех платформ, она содержит всего 5000 строк кода на C++.

• GuiLite Previewer представляет собой расширение для Visual Studio Code, которое может извлекать информацию о графическом интерфейсе из кода C++ и предварительно просматривать графический интерфейс на странице предварительного просмотра (что видишь, то и получишь).

• Нет необходимости в перетаскивании виджетов мышью, всё (например, код/дизайн/сборка/отладка) можно сделать с помощью кодирования.

• Не нужен специальный редактор графического интерфейса (например, Android Studio, Qt designer).

• Не требуется расширяемый язык разметки (например, xml, xaml).

Демо

Быстрый старт

1. Откройте VS Code.
2. Нажмите «Расширения».
3. Найдите «GuiLite» и установите.

Как собрать и отладить GuiLite Previewer?

1. Скачайте npm и установите его.
2. Запустите в командной строке Windows: cd GuiLitePreviwer (⚠️убедитесь, что вы находитесь в папке GuiLitePreviwer⚠️).
3. Запустите в командной строке Windows: npm install.
4. Запустите в командной строке Windows: code ., это откроет проект в окне VS Code.
5. В только что открытом окне VS Code нажмите F5, чтобы собрать и отладить расширение.
6. Вы получите новое окно VS Code с расширением, которое вы собрали выше.
7. В новом окне VS Code откройте исходный код (например, test.cpp).
8. Нажмите ctrl + shift + p и введите GuiLite: preview layout.
9. Вы увидите макет вашего графического интерфейса на странице предварительного просмотра.