GuiLite Previewer

难度比较大

说明是这里 https://gitee.com/idea4good/GuiLitePreviewer/blob/master/README_zh.md

如何编译/使用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 ---于是F5以后打开另外一个VSCODE
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)--------就是那个文件夹里面 的UICODE.CPP
8. ctrl + shift + p, and input GuiLite: preview layout
9. You will see your GUI layout in preview page

开始安装

https://www.liaoxuefeng.com/wiki/1022910821149312/1023025597810528

https://my.oschina.net/u/4328601/blog/3401828?hmsr=kaifa_aladdin

C:\Users\laiying-zhou>cd C:\Users\laiying-zhou\Documents\GuiLitePreviewer

node -v
 

 

此时OK  可以看到work 了

所见即所得 可以做布局

 

最后的make 不是这里 是你的工作的地方

 

 

所以现在是 你需要跑一个hello窗口的代码

然后自己修改一下

再看看效果

 

打开 C:\Users\laiying-zhou\Documents\GuiLiteSamples\HelloWidgets\BuildWin32

 

补充知识

    VS设置窗口大小
    https://www.cnblogs.com/xiaok-redback/p/5026453.html

BOOL InitInstance(HINSTANCE hInstance, int nCmdShow)
{
   hInst = hInstance; // Store instance handle in our global variable

   HWND hWnd = CreateWindowW(szWindowClass, szTitle, WS_OVERLAPPEDWINDOW,
      CW_USEDEFAULT, 0, 240, 240, nullptr, nullptr, hInstance, nullptr);
       
       好了
       

 

       cd C:\Users\laiying-zhou\Documents\GuiLiteSamples\HelloWidgets

 

那么make 貌似没用 还是VS自己跑

 

 

那个是环境变量的问题 make出来gui  现在不研究了

https://zhidao.baidu.com/question/1866931551164427947.html