Tauri 环境安装

本次环境安装全程在 macOS 上完成，如果想要了解 Linux 或者 Windows，第一部分请参考官网。

环境安装过程一共分为三个部分

第一部分：完成 macOS 开发依赖和 Rust 安装
第二部分：完成 nodejs 安装以及 Tauri 应用的创建
第三部分：完成配置文件的修改和 Tauri 应用的打包

macOS

首先您需要安装 Rust 及其他系统依赖。

1. CLang 和 macOS 开发依赖项

xcode-select --install

安装比较慢，需要耐心等待。如果出现以下提示说明已经安装可以跳过。

Last login: Tue Feb 14 17:18:18 on ttys000
peterpan@peterdeMacBook-Pro ~ % xcode-select --install
xcode-select: error: command line tools are already installed, use "Software Update" in System Settings to install updates
peterpan@peterdeMacBook-Pro ~ %

2. Rust

curl --proto '=https' --tlsv1.2 https://sh.rustup.rs -sSf | sh

安装过程中，会询问安装模式，一路回车确认即可。

提示汉化

这将下载并安装 Rust 的官方编译器，和它的包管理器Cargo。

Rustup 元数据和工具链将被安装到 Rustup 中家目录，位于：

/Users/{username}/.rustup  
这可以用RUSTUP_HOME环境变量修改。

Cargo 主目录位于:

/Users/{username}/.cargo  
cargo, rustc, rustup 和其他命令将被安装到Cargo的 bin 目录中，位于

/Users/{username}/.cargo/bin  
这个路径将被添加到PATH环境变量，修改配置文件位于:

/Users/{username}/.profile

/Users/{username}/.bash_profile  
/Users/{username}/.bashrc  
/Users/{username}/.zshenv  
您可以随时卸载

rustup self uninstall  
卸载后，上面的更改将被还原。

常用Rust命令

若要更新 Rust，请打开终端并运行以下命令

rustup update

完全卸载 Rust

rustup self uninstall

查看 Rust 版本号

rustc --version

安装 nodejs

安装最新版nodejs

brew install node

安装完成

peterpan@peterdeMacBook-Pro VscodeProjects % npm create tauri-app
Need to install the following packages:
  create-tauri-app@2.8.0
Ok to proceed? (y) 

✔ Project name · tauri-app
✔ Choose your package manager · npm
✔ Choose your UI template · vue

Please follow https://tauri.app/v1/guides/getting-started/prerequisites to install the needed prerequisites, if you haven't already.

Done, Now run:
  cd tauri-app
  cargo tauri dev

启动第一个Tauri

如果你是自己构建的，一定需要注意，npm script 命令必须正确，如果没写会报找不到命令的错误。

我这里使用的是 npm 包管理器，Vue 前端框架。不同环境和框架的命令不同。

1. 下载依赖

npm install

2. 启动项目

npm run tauri dev

打包Tauri

1. 修改包名

出现以下提示，需要修改包名,Tauri不允许使用默认的包名。

You must change the bundle identifier in tauri.conf.json > tauri > bundle > identifier. The default value com.tauri.dev is not allowed as it must be unique across applications.

2. 打包

npm run tauri build

出现提示,就打包完成了，打包完成之后只有 2M，和现在动不动就几百的安装包比起来真是小而美了，存储在src-tauri/target/release/bundle目录下。

/Users/peterpan/VscodeProjects/tauri-app/src-tauri/target/release/bundle/macos/tauri-app.app
/Users/peterpan/VscodeProjects/tauri-app/src-tauri/target/release/bundle/dmg/tauri-app_0.0.0_x64.dmg

图片.png

👌 好的现在享受Tauri 😊 吧

开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 14 天，点击查看活动详情

Tauri 环境安装（macOS）