tauri-react：快速开发跨平台软件的架子，支持自定义头部UI拖拽移动和窗口阴影效果

1024小神

已于 2023-08-16 11:40:37 修改

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML前端多端开发文章标签： react.js 前端前端框架

于 2023-08-14 16:42:12 首次发布

742 篇文章

订阅专栏

337 篇文章

订阅专栏

文章介绍了如何使用Tauri、React、TS和AntDesign构建跨平台应用，提供了模板，支持自定义窗口和头部，内置http请求工具，以及mobx进行数据管理和mobx-state-tree。通过GitHub上的SJJ1024/tauri-react项目实现高效开发。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

tauri-react

一个使用 tauri+react+ts+antd 开发跨平台软件的模板，支持窗口头部自定义和窗口阴影，不用再自己做适配了，拿来即用，非常 nice。而且已经封装好了 tauri 的 http 请求工具，省去很多弯路。

使用到的技术栈：

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