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
相关推荐
1024小神3 分钟前
swiftui中view分为几种类型?各有什么特点
前端
网络点点滴8 分钟前
pinia简介
开发语言·javascript·vue.js
局i9 分钟前
v-for 与 v-if 的羁绊:Vue 中列表渲染与条件判断的爱恨情仇
前端·javascript·vue.js
suke10 分钟前
紧急高危:Next.js 曝出 CVSS 10.0 级 RCE 漏洞,请立即修复!
前端·程序员·next.js
狮子座的男孩13 分钟前
js函数高级:06、详解闭包(引入闭包、理解闭包、常见闭包、闭包作用、闭包生命周期、闭包应用、闭包缺点及解决方案)及相关面试题
前端·javascript·经验分享·闭包理解·常见闭包·闭包作用·闭包生命周期
深红26 分钟前
玩转小程序AR-基础篇
前端·微信小程序·webvr
风止何安啊44 分钟前
从 “牵线木偶” 到 “独立个体”:JS 拷贝的爱恨情仇(浅拷贝 VS 深拷贝)
前端·javascript·面试
漫天黄叶远飞1 小时前
地址与地基:在 JavaScript 的堆栈迷宫里,重新理解“复制”的哲学
前端·javascript·面试
小书包酱1 小时前
告别在 vue 中使用公共 less 文件没有提示信息的烦恼
css·vue.js·less
杨啸_新房客1 小时前
如何优雅的设置公司的NPM源
前端·npm