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
相关推荐
Spider_Man1 分钟前
🎭 React受控与非受控组件:一场"控制权"的争夺战
前端·react.js
Mintopia6 分钟前
LOD:图形世界里的 “看人下菜碟” 艺术
前端·javascript·计算机图形学
黑客老李8 分钟前
EDUSRC:智慧校园通用漏洞挖掘(涉校园解决方案商)
服务器·前端·网络·安全·web安全
拾光拾趣录10 分钟前
Vue依赖收集机制:响应式原理的核心实现
前端·vue.js
Mintopia10 分钟前
Three.js ArrowHelper:三维世界里的 “方向向导”
前端·javascript·three.js
归于尽12 分钟前
浏览器和 Node.js 的 EventLoop,原来差别这么大
前端·node.js·浏览器
雲墨款哥13 分钟前
Vue 3 路由管理实战:从基础配置到性能优化
前端·vue.js
Jacob023416 分钟前
JavaScript 模块系统二十年:混乱、分裂与出路
前端·javascript
独立开阀者_FwtCoder22 分钟前
Vite Devtools 要发布了!期待
前端·面试·github
独立开阀者_FwtCoder22 分钟前
国外最流行的 UI 组件库!适配 Vue、React、Angular!
前端·vue.js·后端