桌面端跨平台的核武器Tauri

魔都奇异博士
2,402 阅读2分钟

1. Tauri 简介 官网

目前是2.0版本

Tauri 新的跨平台桌面端轻量级解决方案，兼容react,vite,vue-cli,react,ts。mac包仅5M,windows包4M，而Electron,NWjs安装包则要80M以上。 快速体验：

2. Tarui Mac环境快速搭建

2.1 xcode安装

xcode-select --install

2.2 rustup安装

curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh
# 测试
rustc --version

2.3 nvm及node安装

# 安装nvm
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.2/install.sh | bash
# 使用nvm管理并使用node
nvm install node --latest-npm
nvm use node

2.4 创建应用并安装依赖

yarn create tauri-app
或者
npx create-tauri-app

npm create tauri-app@latest

pnpm create tauri-app

2.5 打包

# 查看环境及依赖安装情况
npm run tauri info
# 开发启动
npm run tauri dev
# 编译并打包
npm run tauri build
# 打包后目录
/src-tauri/target/release/bundle/dmg
/src-tauri/target/release/bundle/macos

3. Tarui Windows环境搭建

3.1 Microsoft Visual Studio C++ build tools安装

下载地址

3.2 Rustc 及 Cargo Package Manager下载

# 如果下载速度太慢可以提前设定代理 set http_proxy=http://127.0.0.1:7890 & set https_proxy=http://127.0.0.1:7890
# 运行  安装rust 及 cargo,
rustup-init
# 测试
rustc --version

image.png

3.3 Node.js 及nvm 安装 

nvm install latest
nvm use {{latest}} # Replace with your latest downloaded version

3.4 安装 WebView2

 下载地址.

注意：Windows 11默认安装 WebView2

3.5 创建应用并安装依赖

npm create tauri-app@latest
yarn create tauri-app
npx create-tauri-app
pnpm create tauri-app
bash:  sh <(curl https://create.tauri.app/sh)

3.6 打包

# 查看环境及依赖安装情况
npm run tauri info
# 开发启动
npm run tauri dev
# 编译并打包
npm run tauri build
# 打包后目录
/src-tauri/target/release/bundle/msi

打包加速设置

编辑C:\Users\用户名\.cargo\config 文件（mac为~/.cargo/config），添加以下内容：

[source.crates-io]
replace-with = 'tuna'

[source.tuna]
registry = "https://mirrors.tuna.tsinghua.edu.cn/git/crates.io-index.git"
  • github加速，可使用浏览器插件：GitHub加速

4. 常见错误处理 或者参考前面打包加速设置设计镜像源

1 linker link.exe not found | = note: program not foundnote: the msvc targe

image.png

rustup toolchain install stable-x86_64-pc-windows-gnu
rustup default stable-x86_64-pc-windows-gnu

2 wix 下载超时 downloading github.com/wixtoolset/…

tarui 1.4 windows环境是 Wix 下载完后，在 C:\Users\xxxxxxxx\AppData\Local 中，创建 tauri/WixTools 文件夹，然后把内容解压到里面就可以了。 3 nsis-3 下载超时 Downloading github.com/tauri-apps/…

Error failed to bundle project: https://github.com/tauri-apps/binary-releases/releases/download/nsis-3/nsis-3.zip: Network Error: Network Error: Error encountered in the status line: 由于连接方在一段时间后没有正确答复或连接的主机没有反应，连接尝试失败。 (os error 10060) 解决办法：手动下载完后，在 C:\Users\xxxxxxxx\AppData\Local 中，创建 tauri/NSIS 文件夹，

参考文章：

avatar
文章
阅读
粉丝