一、Tauri 使用(安装)

1.使用tauri之前需要做好准备工作,配置好相关环境

        开发桌面应用程序的框架。前端 + Rust。使用Tauri需要配置rust和node的开发环境,以及一个web view2。

        准备前的工作(具体操作查看Tauri官方文档):

        1.安装Visual Studio 2022 生成工具

        2.安装 WebView2

                win11:系统 自带 WebView2;

                win10:安装完会自动安装WebView2

                win7: 需要先手动来装WebView2

        3.安装 rustup (Rust 安装程序)

        4.检查安装是否成功

2.使用前端构建工具 Vite 创建一个 Tauri项目

        1.创建命令行

pnpm create tauri-app

        2.项目初始化

pnpm i

        3.tauri项目初始化

pnpm tauri init

        4.如果你还没有安装Tauri CLI,你可以使用下面的一个命令进行安装

pnpm add -D @tauri-apps/cli

// 全局安装tauri
npm install -g @tauri-apps/cli

3.将tauri集成到已有的项目上

        ①安装Tauri CLI(使用下面其中一个命令进行安装)

pnpm add -D @tauri-apps/cli

// 全局安装tauri
npm install -g @tauri-apps/cli

        ②初始化

pnpm tauri init

        ③使用 @tauri-apps/api JavaScript 库来调用新创建的命令, 通过 JavaScript 访问诸如窗口、文件系统等核心功能

pnpm add @tauri-apps/api

        ④运行

pnpm tauri dev

        ⑤打包

pnpm tauri build

        ⑥在生产中使用检查器,调试项目

pnpm tauri build --debug

### Tauri框架的安装指南 Tauri个用于构建跨平台桌面应用的框架,允许开发者利用 Web 前端技术(HTML、CSS、JavaScript)来设计界面,同时通过 Rust 提供高性能的后端支持[^2]。以下是 Tauri 框架的基本安装步骤: #### 1. 安装 Rust 和 Cargo Tauri 的核心是用 Rust 编写的,因此需要先安装 Rust 和其包管理工具 Cargo。可以通过以下命令安装 Rust: ```bash curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh ``` 安装完成后,确保 `rustc` 和 `cargo` 已正确配置到环境变量中: ```bash rustc --version cargo --version ``` 如果未正确配置,请参考官方文档进行调整[^3]。 #### 2. 安装 Node.js 和 npm 或 pnpm 前端部分通常使用 JavaScript 包管理工具如 npm 或 pnpm。推荐使用 pnpm 来管理前端依赖,因为它可以更好地解决依赖冲突问题[^4]。安装方法如下: ```bash # 安装 Node.js (建议使用 LTS 版本) curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo -E bash - sudo apt-get install -y nodejs # 安装 pnpm corepack enable pnpm setup ``` #### 3. 创建个新的 Tauri 项目 Tauri 提供了个 CLI 工具来快速创建项目。首先需要全局安装 `@tauri-apps/cli`: ```bash pnpm add -g @tauri-apps/cli ``` 然后,使用以下命令创建个新的 Tauri 项目: ```bash tauri init ``` 此命令会引导用户完成项目的初始化过程,包括选择前端框架(如 Vue、React 等)和配置相关设置[^3]。 #### 4. 配置 tauri.conf.json 文件 在项目的根目录下找到 `tauri.conf.json` 文件,并根据需求进行配置。例如,启用 `withGlobalTauri` 选项以允许前端Tauri 进行交互[^1]: ```json { "build": { "beforeBuildCommand": "npm run build", "beforeDevCommand": "npm run dev", "devPath": "https://127.0.0.1:3000", "distDir": "../build", "withGlobalTauri": true } } ``` #### 5. 构建和运行项目 完成配置后,可以使用以下命令构建和运行项目: ```bash # 构建前端代码 pnpm run build # 启动开发服务器 pnpm run tauri dev # 打包生成最终可执行文件 pnpm run tauri build ``` #### 注意事项 - 如果遇到依赖问题,尤其是 Rust 插件版本不兼容的情况,建议检查 Tauri 和插件的版本是否匹配[^4]。 - 推荐将业务逻辑尽量放在 Rust 后端以提高性能和安全性[^3]。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值