Go跨平台UI开发之wails的使用(1)项目初始化

UI开发为了迁就同事,入坑了Go,虽然Go写UI程序是真的坑,不过,还是决定继续用吧。

第一版只有Windows版,用了webview2+Vue的方案,webview2依赖如下:

github.com/jchv/go-webview2

新版改造,准备兼容Mac和Linux,尝试了webview_go:

 github.com/webview/webview_go

因为webview2本身就是参考了webview_go的纯Go实现的版本,所以切换webview_go只用了几分钟,非常的快,但是,webview_go因为是从另一c项目包装衍生,在创建Webview窗体时,可选参数非常少,并且修改非常不便,比如创建时,不能预设桌面居中,不能预设窗体大小等问题,指定一个父窗体句柄可能能解决这些问题,但是对于Go来说,需要再引入额外的GUI库,于是果断放弃。

决定尝试wails+Vue的方案:

github.com/wailsapp/wails

 按文档创建项目即可:

安装 | Wails

环境依赖:

  • Go 1.18+
  • NPM (Node 15+)

安装 Wails:

go install github.com/wailsapp/wails/v2/cmd/wails@latest

生成一个Vue 项目:

wails init -n myproject -t vue

进入项目目录,用之前的Vue项目替换frontend目录的项目,然后安装Vue项目依赖,鉴于npm节点的不稳定性,推荐使用cnpm(阿里维护的项目,相关知识自行搜索),运行:

cnpm i

 然后运行命令:

wails dev

可以看到程序窗口成功运行,wails dev命令其实调用的是wails.json中配置的npm run dev命令,可自行配置。

下一步,就可以开始愉快地进行代码迁移了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值