Rust的前端Tauri编程-基于JS框架的初步探索

上次的项目做完后,有一项遗憾,没有返回结果,而结果是一个html表格,我想用html直接在窗口显示,这时发现R里面包括slint没有很直接的方法,直接弹出浏览器有点太简单没有挑战。这是就被推送了他的竞争对手,Tauri,当初我也查过它,是一个前后端分离,可以使用各种JS前端框架的应用。于是今天拿来练习一下。

对Vue并不是很熟悉,好在以前有Ubuntu24.2下安装的Node20.4这就npm,它推荐用npm。在这个环境下,下载https://github.com/cornflourblue/vue-3-pinia-registration-login-example这是我要调用使用的基础。因为我对Vue不熟悉,别的也只能借用。npm install npm dev。

这个项目有一点报错,但是可以运行。

一。 安装依赖,其实就在项目主页一步步来。

二、使用tauri进行集成,https://tauri.app/v1/guides/getting-started/setup/integrate

这里在最后一步就能打开刚才的主页。是在程序窗口打开的

三、剩下的就是调试,对于它推荐的vite,一大特点是,实时更新改变。包括rs的代码。要是更新不太对,就再启动一次。、

四、发布,除了本平台可生成deb和rpm安装版,还以,垮平台生成window的安装程序,是setup版,的目前大小也就3M ,步骤是https://tauri.app/v1/guides/building/cross-platform

最后就发布了 一个有一个界面的程序用于登陆。

相关推荐
竹林818几秒前
从零到一:在 React 前端中集成 The Graph 查询 NFT 持有者数据实战
前端·javascript
山西茄子3 分钟前
GstAggregator的aggregate
开发语言·前端·javascript·gstreamer
南境十里·墨染春水5 分钟前
C++传记 详解单例模式(面向对象)
开发语言·c++·单例模式
Sailing6 分钟前
🚨别再滥用 useEffect 了!90% React Bug 的根源就在这
前端·javascript·面试
河马老师7 分钟前
写这需求快崩溃了,幸好我会装饰器模式
前端·javascript·面试
未来转换7 分钟前
Python-web开发之Flask框架入门
前端·python·flask
用户5757303346249 分钟前
🚀 拒绝“CSS 命名困难症”!手把手带你用 Tailwind CSS 搓一个“高颜值”登录页
前端
文静小土豆10 分钟前
标签和选择器(Label和 Selector)
linux·前端
cui_ruicheng11 分钟前
C++智能指针:从 RAII 到 shared_ptr 源码实现
开发语言·c++
爱丽_12 分钟前
AQS 的 CLH 同步队列:入队/出队、park/unpark 与“公平性”从哪来
java·开发语言·jvm