项目处于积极开发阶段 欢迎前端大佬pr
基于 go 语言 使用 wails框架, 支持 window macos linux 等系统.
主仓库 https://github.com/duolabmeng6/GoEasyDesigner
镜像仓库 https://gitee.com/duolabmeng666/go-easy-designer
没钱买服务器所以都是白嫖 pages 国内打不开就换一个地址呗
https://go-easy-designer.vercel.app
画好界面点保存,会下载2个文件 设计文件.json,辅助代码.js`
注意你的浏览器允许下载多个文件的权限
下载本项目的代码找到 wails-demo复制出来.
wails-demo/frontend/src/窗口/设计文件.json
wails-demo/frontend/src/窗口/辅助代码.js
运行项目 就可以看到你设计好的界面了.
cd wails-demo
wails dev
想要更好的无缝使用体验下载客户端程序.
- 兼容 window macos linux
- 完成整体界面布局以及整体功能流程，界面绘制，属性修改，组件拖拽、双击组件跳转到对应的事件函数
- 组件库完善中
- 绘制布局容器体验完善中
- 集成go语言开发环境完善中
请按顺序安装好
https://nodejs.org/zh-cn/download/
安装vite npm create vite@latest
https://wails.io/zh-Hans/docs/gettingstarted/installation/
go install github.com/wailsapp/wails/v2/cmd/wails@latest
安装成功后，运行 wails 命令，有内容输出即为安装成功。
该目录为设计好的界面最终运行的环境你的代码也将在这里编写
将这个目录复制出来 GoEasyDesigner/wails-demo
wails 同时调试前端和后端
cd wails-demo
wails dev
下载最新版本: https://github.com/duolabmeng6/GoEasyDesigner/releases
直接运行即可
设计好的界面数据保存在这里
wails-demo/frontend/src/窗口/设计文件.json
想体验双击组件自动跳转到对应函数 请在webstorm中安装 QtEasyDesigner 插件,在本项目的文件中，
安装后在IDE编辑器中右键看到 配置 QtEasyDesigner
macos填写路径
/Applications/GoEasyDesigner.app/Contents/MacOS/GoEasyDesigner
window填写exe的路径
C:\GoEasyDesigner\GoEasyDesigner.exe
后续使用的话 打开 设计文件.json 在编辑器中右键 打开 QtEasyDesigner 界面就出来了
js代码使用 webstorm ide 绝大部分编写代码都应该在 js中编写,如果js无法实现的再调用go代码 go代码使用 goland IDE 编写 一般情况下代码写在 app.go 中
wails 同时调试前端和后端
cd GoEasyDesigner
wails dev
如果调试前端可以这样
cd GoEasyDesigner\frontend
vite
在ide中调试需要以下配置
构建软件包 changeme
工作目录 /Users/ll/Documents/GitHub/GoEasyDesigner/GoEasyDesigner 改成你的路径
环境变量 CGO_LDFLAGS=-framework UniformTypeIdentifiers 这个macos需要 window不需要
go工具实惨 -tags dev -gcflags "all=-N -l"
程序实参(可选) 文件路径=/Users/ll/Documents/GitHub/GoEasyDesigner/wails-demo/frontend/src/窗口/设计文件.json port=8080 这是配合ide插件的port是插件的端口
现在可以在 app.go 中下断点调试了.
保存界面数据到这里
wails-demo/frontend/src/窗口/设计文件.json
运行 就可以看到效果了
cd wails-demo
wails dev