1 Star 0 Fork 27

jjzhang166 / GuiLitePreviewer

forked from idea4good / GuiLitePreviewer 
Create your Gitee Account
Explore and code with more than 12 million developers,Free private repositories !:)
Sign up
Clone or Download
README_zh.md 1.29 KB
Copy Edit Raw Blame History
idea4good authored 2019-11-28 15:18 . update readme

GuiLite Previewer - 所见即所得的GuiLite开发插件

  • GuiLite是最轻量,最简单,最稳定的GUI库,它只有5千行C++代码
  • GuiLite Previewer是一个Visual Studio Code插件,它可以自动提取源代码的GUI布局信息,并实时显示在“预览”页面上(所见即所得)
  • 不需要“拖拽”控件,仅通过敲代码,就可以完成所有工作(例如:代码,UI编辑,编译,运行,调试)
  • 不需要使用庞大的GUI编辑工具(或IDE,例如:Android Studio, Qt designer)
  • 不需要使用可扩展标记语言(例如:xml, xaml)

Demo

demo

如何编译/使用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
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
TypeScript
1
https://gitee.com/jjzhang166/GuiLitePreviewer.git
git@gitee.com:jjzhang166/GuiLitePreviewer.git
jjzhang166
GuiLitePreviewer
GuiLitePreviewer
master

Search

344bd9b3 5694891 D2dac590 5694891