# tauri+react

**Repository Path**: copperpeas/tauri-react

## Basic Information

- **Project Name**: tauri+react
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-09-29
- **Last Updated**: 2026-09-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Tauri + React + Typescript

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

使用到的技术栈：  
tauri：必须要用到的  
react：前端页面开发框架，也可以用 Vue  
react-router：路由页面跳转控制  
mobx：数据存储和共享  
antd：UI 页面渲染  
sass：样式编程  
node：v16.18.0 本地开发依赖

## 页面预览：登陆页和主页

![](https://cdn.staticaly.com/gh/1024huijia/QingChunMeizi@master/image.6k66pp3p08c0.webp)

![](https://cdn.staticaly.com/gh/1024huijia/QingChunMeizi@master/image.3la44pmc8vs0.webp)

## 本地开发配置

克隆到本地：

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

安装依赖：

```
pnpm install
```

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

```
pnpm develop
```

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

```
pnpm bundle
```

## 使用 Github Action 发版

使用 github action 打包不同平台的安装包，然后发布新版本，并支持自动升级。操作教程：[tauri 在 github 上进行自动更新打包并发版过程，实战操作避坑](https://xiaoshen.blog.csdn.net/article/details/131963524)

打 tag 命令：

```
git tag v0.0.2
```

推 tag 命令：

```
git push --tag
```