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

这篇具有很好参考价值的文章主要介绍了tauri-react:快速开发跨平台软件的架子,支持自定义头部和窗口阴影效果。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

tauri-react

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

开原地址:GitHub - Sjj1024/tauri-react: 一个最基础的使用tauri和react开发跨平台应用软件的架子,支持自定义头部和窗口阴影,非常的nice好用

使用到的技术栈:  

tauri:必须要用到的  

react:前端页面开发框架,也可以用 Vue  

react-router:路由页面跳转控制  

mobx:数据存储和共享  

antd:UI 页面渲染  

sass:样式编程  

node:v16.18.0 本地开发依赖

页面预览:登陆页和主页

tauri-react:快速开发跨平台软件的架子,支持自定义头部和窗口阴影效果,HTML前端,客户端开发,react.js,前端,前端框架

tauri-react:快速开发跨平台软件的架子,支持自定义头部和窗口阴影效果,HTML前端,客户端开发,react.js,前端,前端框架

目录结构介绍

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

tauri-react:快速开发跨平台软件的架子,支持自定义头部和窗口阴影效果,HTML前端,客户端开发,react.js,前端,前端框架

views:不同的路由展示的页面组件存放的地方tauri-react:快速开发跨平台软件的架子,支持自定义头部和窗口阴影效果,HTML前端,客户端开发,react.js,前端,前端框架

本地开发配置

克隆到本地:

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

安装依赖:

pnpm install

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

pnpm develop

编译打包:打包为不同平台的安装文件文章来源地址https://www.toymoban.com/news/detail-648209.html

pnpm bundle

到了这里,关于tauri-react:快速开发跨平台软件的架子,支持自定义头部和窗口阴影效果的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

原文地址:https://blog.csdn.net/weixin_44786530/article/details/132279200

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包