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

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

相关推荐
易安说AI1 小时前
Ralph Loop 让Claude无止尽干活的牛马...
前端·后端
颜酱2 小时前
图结构完全解析:从基础概念到遍历实现
javascript·后端·算法
m0_736919102 小时前
C++代码风格检查工具
开发语言·c++·算法
2501_944934732 小时前
高职大数据技术专业,CDA和Python认证优先考哪个?
大数据·开发语言·python
失忆爆表症3 小时前
05_UI 组件库集成指南:Shadcn/ui + Tailwind CSS v4
前端·css·ui
小迷糊的学习记录3 小时前
Vuex 与 pinia
前端·javascript·vue.js
发现一只大呆瓜3 小时前
前端性能优化:图片懒加载的三种手写方案
前端·javascript·面试
黎雁·泠崖3 小时前
【魔法森林冒险】5/14 Allen类(三):任务进度与状态管理
java·开发语言
不爱吃糖的程序媛3 小时前
Flutter 与 OpenHarmony 通信:Flutter Channel 使用指南
前端·javascript·flutter
利刃大大3 小时前
【Vue】Element-Plus快速入门 && Form && Card && Table && Tree && Dialog && Menu
前端·javascript·vue.js·element-plus