Open Source > Plugins/Extension > Visual Studio Code Plugin &&

Create your Gitee Account

Explore and code with more than 12 million developers，Free private repositories ！：）

Clone or Download

README.md 1.31 KB

# GuiLite Previewer - WYSIWYG extension for GuiLite 
- [GuiLite](https://github.com/idea4good/GuiLite) is the smalles/simplest/stablest GUI library for all platforms, it has only 5,000 line C++ code.
- GuiLite Previewer is a Visual Studio Code extension, could extract GUI information from C++ code and preview GUI at preview page(What you see is what you get)
- No need for drag-and-drop widgets, everything (e.g. code/design/build/debug) could be done by coding
- No need for special GUI editor(e.g. Android Studio, Qt designer)
- No need for Extensible Markup Language(e.g. xml, xaml)

## Demo
![demo](demo.gif)

## Quick start
1. Open VS Code
2. Click Extensions
3. Search "GuiLite" and install

## How to build/debug GuiLite Previewer?
1. Download npm, and install
2. Run in Windows command line: `cd GuiLitePreviwer` ⚠️and make sure you're in **GuiLitePreviwer** folder⚠️
3. Run in Windows command line: `npm install` 
4. Run in Windows command line: `code .` which will open the project in VS Code window
5. In VS Code window you just opened, Press `F5` to build/debug the extension
6. You will get an new VS Code window with the extension you build above
7. In the new VS Code window, open your source code(e.g. test.cpp)
8. `ctrl + shift + p`, and input `GuiLite: preview layout`
9. You will see your GUI layout in preview page

Copy Edit Raw Blame History

authored 2020-06-15 17:50 . Update README.md

GuiLite Previewer - WYSIWYG extension for GuiLite

GuiLite is the smalles/simplest/stablest GUI library for all platforms, it has only 5,000 line C++ code.
GuiLite Previewer is a Visual Studio Code extension, could extract GUI information from C++ code and preview GUI at preview page(What you see is what you get)
No need for drag-and-drop widgets, everything (e.g. code/design/build/debug) could be done by coding
No need for special GUI editor(e.g. Android Studio, Qt designer)
No need for Extensible Markup Language(e.g. xml, xaml)

Demo

demo

Quick start

Open VS Code
Click Extensions
Search "GuiLite" and install

How to build/debug GuiLite Previewer?

Download npm, and install
Run in Windows command line: cd GuiLitePreviwer ⚠️and make sure you're in GuiLitePreviwer folder⚠️
Run in Windows command line: npm install
Run in Windows command line: code . which will open the project in VS Code window
In VS Code window you just opened, Press F5 to build/debug the extension
You will get an new VS Code window with the extension you build above
In the new VS Code window, open your source code(e.g. test.cpp)
ctrl + shift + p, and input GuiLite: preview layout
You will see your GUI layout in preview page

TypeScript

1

https://gitee.com/idea4good/GuiLitePreviewer.git

git@gitee.com:idea4good/GuiLitePreviewer.git

idea4good

GuiLitePreviewer

GuiLitePreviewer

master