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
相关推荐
zwjapple6 小时前
docker-compose一键部署全栈项目。springboot后端,react前端
前端·spring boot·docker
像风一样自由20208 小时前
HTML与JavaScript:构建动态交互式Web页面的基石
前端·javascript·html
伍哥的传说8 小时前
React 各颜色转换方法、颜色值换算工具HEX、RGB/RGBA、HSL/HSLA、HSV、CMYK
深度学习·神经网络·react.js
aiprtem9 小时前
基于Flutter的web登录设计
前端·flutter
浪裡遊9 小时前
React Hooks全面解析:从基础到高级的实用指南
开发语言·前端·javascript·react.js·node.js·ecmascript·php
why技术9 小时前
Stack Overflow,轰然倒下!
前端·人工智能·后端
GISer_Jing9 小时前
0704-0706上海,又聚上了
前端·新浪微博
止观止9 小时前
深入探索 pnpm:高效磁盘利用与灵活的包管理解决方案
前端·pnpm·前端工程化·包管理器
whale fall9 小时前
npm install安装的node_modules是什么
前端·npm·node.js
烛阴9 小时前
简单入门Python装饰器
前端·python