当前位置: 首页 > article >正文

Vue 3 与 Tauri 集成开发跨端APP

1、安装RUST

        下载地址:Install Rust - Rust Programming Language

     安装:

安装完成后,在命令行里运行: rustup

2、安装 Node.js 与 npm 或 pnpm ,如果已经安装,可以忽略

# 使用 nvm 安装 Node.js 最新版本
nvm install --lts
nvm use --lts

3、安装 Tauri CLI:

npm install -g create-tauri-app

4、创建 Vue 3 + Tauri 项目

使用 Tauri 初始化项目:

npm create tauri-app@latest

提示: 安装时选择 Vue3 和 TypeScript 模板。

进入项目目录:

配置 Vue 3 环境

{
  "build": {
    "beforeBuildCommand": "npm run build",
    "beforeDevCommand": "npm run dev",
    "devPath": "http://localhost:5173", // Vite 开发服务器路径
    "distDir": "../dist" // 构建后的目录
  },
  "tauri": {
    "windows": [
      {
        "title": "My Tauri App",
        "width": 800,
        "height": 600,
        "resizable": true
      }
    ]
  }
}

运行开发模式

yarn install
yarn run dev

打包应用程序

1、打包h5  yarn run build  

2、打包exe 

yarn run tauri build


http://www.kler.cn/a/456617.html

相关文章:

  • 打印进度条
  • React之从0开始(3)
  • 深度学习在图像识别中的最新进展与实践案例
  • terminal_学习
  • Python 中的 with open:文件操作的最佳实践
  • 【PDF物流单据提取明细】批量PDF提取多个区域内容导出表格或用区域内容对文件改名,批量提取PDF物流单据单号及明细导出表格并改名的技术难点及小节
  • NLP 中文拼写检测纠正论文 Automatic-Corpus-Generation
  • ArcGIS Pro地形图四至角图经纬度标注与格网标注
  • 螺杆支撑座在运用中会出现哪些问题?
  • 微信流量主挑战:用户破16!新增文档转换(新纪元3)
  • CBSD管理QEMU仿真虚拟机
  • 穷举vs暴搜vs深搜vs回溯vs剪枝系列一>组合
  • 高效搭建Nacos:实现微服务的服务注册与配置中心
  • 字符串函数和结构题内存对齐
  • 虚幻引擎结构之ULevel
  • 小程序配置文件 —— 14 全局配置 - tabbar配置
  • 深度学习笔记(5)——目标检测和图像分割
  • 前端进阶之副作用的分析和控制
  • 微服务-1 认识微服务
  • 用命令行重启资源管理器(记录win解决找不到资源管理器问题)
  • 【 Git 设置代理】
  • upload-labs关卡记录8
  • Java基于SpringBoot的社区团购系统的设计与实现,附源码
  • Clickhouse使用基础
  • 【可靠有效】springboot使用netty搭建TCP服务器
  • 【达梦数据库】达梦数据库windows安装