Tauri社区
Tauri 零基础实战：环境配置篇，听说你折腾一天都没能 Hello World
相对来讲，Tauri的开发环境配置略显复杂，很多开发者甚至止步于此，只要你跟着教程走，都不会有太大问题。另外 Tauri 2.0 还支持  iOS 和安卓，但此篇不涉及移动端环境配置，之后会使用另一个案例分享 Tauri 2.0 移动端的配置和开发
macOS 环境配置
1. Rust 安装
• 设置Rustup镜像，这里使用国内镜像 rsproxy.cn 速度更快
a. 判断使用的是bash还是zsh
在终端中运行以下命令：
如果你看到 /bin/zsh，那么你正在使用 Zsh；如果是 /bin/bash，则表示你正在使用 Bash。
b. 设置 Rustup 镜像，在访达中点击菜单中的前往-前往文件夹 ，Zsh用户输入 ~/.zshrc、Bash用户输入~/.bashrc，按回车键找到文件，使用任意编辑器打开，添加以下内容后保存，并重启终端生效：
c. 安装 Rust
在终端中运行以下命令：
安装完成之后在终端中运行以下命令查看版本：
rustc --version
d. 设置 crates.io 镜像，在访达中点击菜单中的前往-前往文件夹 ，输入~/.cargo/按回车键打开文件夹，打开文件夹中的 config.toml 文件（若 config.toml 文件不存在可自己新建一个），在文件中添加以下内容并保存：
1. CLang 和 macOS 开发依赖项
• 在终端中运行以下命令：
xcode-select --install
Windows 环境配置
1. Microsoft Visual Studio C++ 生成工具 下载Visual Studio 2022 生成工具安装时勾选 “Desktop development with C++” 进行安装
注意 该操作会占用 6 ～ 10G 硬盘空间，安装时记得更改安装路径（如有需要）
2. WebView2，Windows 10 1803 及以上版本和 Windows 11 默认自带 WebView2，通常可以在应用里面找到它。如果没有，你需要手动安装，可以打开Microsoft 网站 滚动到最下方，找到Evergreen Bootstrapper点击Download按钮下载并安装它。
3. 安装 Rust 打开Rust 官网下载页面，点击下载RUSTUP-INIT.EXE（64）位按钮下载，下载之后打开会弹出命令行工具，直接按回车键进行默认安装即可。
4. 修改 Cargo 国内源 ‌Cargo 是 Rust 的构建系统和包管理工具 ‌，修改为国内源速度更快。找到以下目录
C:\Users\[用户名]\.cargo\
打开 config.toml 文件（若 config.toml 文件不存在可自己新建一个），复制以下内容粘贴并保持
Rust 检查和更新
尽可能保持 Rust 版本为最新版本，终端中运行以下命令检查当前版本：
rustc --version
运行以下命令更像到最新版：
rustup update
有人安装环境只花了十几分钟，但有的走到这一步花了好几个小时，但好在都完成了环境安装。
VSCode 插件
开发工具推荐使用 VSCode，并安装 rust-analyzer 插件用于提供 Rust 语言的支持
Tauri Hello Word
1. 创建新项目，在终端中运行以下命令：
npm create tauri-app@latest
2. 根据提示输入项目名称、Identifier、选择 TypeScript / JavaScript、选择前端包管理器 npm、选择 UI 模板
3. 打开项目目录：
cd [项目名称]
1. 安装依赖：
npm install
1. 启动开发窗口
npm run tauri dev
第一次运行此命令时，Rust 包管理器需要几分钟来下载和构建所有必需的包。构建后会缓存，因此后续构建要快得多，因为只有新的代码需要重新构建。
1. 构建完成后，你将看到你的第一个 Tauri 应用程序窗口。如果你修改 UI 代码，页面会自动刷新；修改 Rust 代码， 它会自动重建并重启。
 
2024-10-23
浏览218
实战
登录后评论
评论
分享