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
相关推荐
申阳几秒前
Day 10:08. 基于Nuxt开发博客项目-关于我页面开发
前端·后端·程序员
拉不动的猪3 分钟前
Webpack 与 Rollup 中 Tree-shaking 的实现原理与效果
前端·webpack·rollup.js
林太白5 分钟前
跟着TRAE SOLO学习两大搜索
前端·算法
yunyi6 分钟前
使用go的elastic库来实现前后端模糊搜索功能
前端·后端
一枚前端小能手6 分钟前
2618. 检查是否是类的对象实例(JavaScript)
前端·javascript
一 乐20 分钟前
个人健康系统|健康管理|基于java+Android+微信小程序的个人健康系统设计与实现(源码+数据库+文档)
android·java·数据库·vue.js·spring boot·生活
倚肆32 分钟前
CSS中transition属性详解
前端·css
快递鸟41 分钟前
物流信息总滞后?快递鸟在途监控 API,毫秒级响应让物流透明不等待
前端
小蹦跶儿1 小时前
解决Webpack 打包报错:TypeError: Cannot assign to read only property 'exports' ?
javascript·vue.js·webpack
fruge1 小时前
前端注释规范:如何写“后人能看懂”的注释(附示例)
前端