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 本地开发依赖

页面预览:登陆页和主页

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

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

目录结构介绍

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

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

views:不同的路由展示的页面组件存放的地方tauri-react:快速开发跨平台软件的架子,支持自定义头部和窗口阴影效果_第4张图片

 

本地开发配置

克隆到本地:

git clone https://github.com/Sjj1024/tauri-react.git

安装依赖:

pnpm install

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

pnpm develop

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

pnpm bundle

你可能感兴趣的:(HTML前端,客户端开发,react.js,前端,前端框架)