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

Tauri + Vue + Typescript

一个使用 tauri+vue+ts 开发跨平台软件的模板,支持窗口头部自定义 UI 和拖拽和窗口阴影,不用再自己做适配了,拿来即用,非常 nice。而且已经封装好了 tauri 的 http 请求工具,省去很多弯路。开源地址:GitHub - Sjj1024/tauri-vue: 一个使用tauri和vue开发跨平台软件的架子

使用到的技术栈:

tauri:必须要用到的

vue:前端页面开发框架

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

pinia:数据存储和共享

element-plus:UI 页面渲染

sass:样式编程

node:v16.18.0 本地开发依赖

页面预览:登陆页和主页

本地开发配置

克隆到本地:

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

安装依赖:

pnpm install

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

pnpm develop

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

pnpm bundle
相关推荐
bloxed1 分钟前
前端文件下载多方式集合
前端·filedownload
余生H7 分钟前
前端Python应用指南(三)Django vs Flask:哪种框架适合构建你的下一个Web应用?
前端·python·django
LUwantAC15 分钟前
CSS(四)display和float
前端·css
cwtlw19 分钟前
CSS学习记录20
前端·css·笔记·学习
界面开发小八哥24 分钟前
「Java EE开发指南」如何用MyEclipse构建一个Web项目?(一)
java·前端·ide·java-ee·myeclipse
谢道韫66631 分钟前
今日总结 2024-12-24
javascript·vue.js·elementui
米奇妙妙wuu38 分钟前
react使用sse流实现chat大模型问答,补充css样式
前端·css·react.js
傻小胖43 分钟前
React 生命周期完整指南
前端·react.js
梦境之冢1 小时前
axios 常见的content-type、responseType有哪些?
前端·javascript·http
racerun1 小时前
vue VueResource & axios
前端·javascript·vue.js