tauri-react:快速开发跨平台软件的架子,支持自定义头部和窗口阴影效果

tauri-react

一个使用 tauri+react+ts+antd 开发跨平台软件的模板,支持窗口头部自定义和窗口阴影,不用再自己做适配了,拿来即用,非常 nice。

开原地址:GitHub - Sjj1024/tauri-react: 一个最基础的使用tauri和react开发跨平台应用软件的架子,支持自定义头部和窗口阴影,非常的nice好用

使用到的技术栈:

tauri:必须要用到的

react:前端页面开发框架,也可以用 Vue

react-router:路由页面跳转控制

mobx:数据存储和共享

antd:UI 页面渲染

sass:样式编程

node:v16.18.0 本地开发依赖

页面预览:登陆页和主页

目录结构介绍

layout里面放到是布局内容,可以在这里面修改头部内容,就可以得到你想要的头部

views:不同的路由展示的页面组件存放的地方

本地开发配置

克隆到本地:

复制代码
git clone https://github.com/Sjj1024/tauri-react.git

安装依赖:

复制代码
pnpm install

开发预览:第一次比较耗时和消耗电脑性能,因为要安装 tauri 依赖

复制代码
pnpm develop

编译打包:打包为不同平台的安装文件

复制代码
pnpm bundle
相关推荐
LlNingyu1 分钟前
文艺复兴,什么是XSS,常见形式(一)
前端·安全·web安全·xss
dleei1 小时前
彻底淘汰老旧 SVG 插件:unplugin-icons 与 Tailwind CSS v4 自定义图标最佳实践
前端·程序员·前端框架
LlNingyu2 小时前
文艺复兴,什么是XSS,常见形式(二)
前端·安全·xss
明君879972 小时前
说说我为什么放弃使用 GetX,转而使用 flutter_bloc + GetIt
前端·flutter
Jingyou2 小时前
用 Astro 搭建个人博客:从零到上线的完整实践
前端
吴声子夜歌2 小时前
JavaScript——call()、apply()和bind()
开发语言·前端·javascript
高桥凉介发量惊人2 小时前
质量与交付篇(2/6):CI/CD 实战——自动构建、签名、分发
前端
leafyyuki2 小时前
SSE 同域长连接排队问题解析与前端最佳实践
前端·javascript·人工智能
高桥凉介发量惊人2 小时前
质量与交付篇(3/6):崩溃分析与线上问题回溯机制
前端
angerdream2 小时前
最新版vue3+TypeScript开发入门到实战教程之路由详解三
前端·javascript·vue.js