Tauri HTML、CSS 和 JavaScript
此教程将手把手教您如何使用 HTML、CSS 和 JavaScript 构建您的第一款 Tauri 应用。 如果您是网页开发初学者的话,这或许是您最需要的教程。
信息
在我们继续之前,请确保您已经完成了必要的前提条件,以获得一个可用的开发环境。
Tauri 由一个可搭配任何前端来构建桌面应用的框架和 Rust 核心构成。 每个应用均由两个部分组成:
- 创建窗口并向其提供原生功能支持的 Rust 二进制文件
- 由您选择的前端框架,用于编写窗口内的用户界面
接下来,我们会先搭建好前端框架,然后设置一个Rust工程,最后向你展示这两者之间如何通信。
create-tauri-app
创建一个新项目的最简单方式是使用create-tauri-app实用工具。它为普通的HTML/CSS/JavaScript以及许多前端框架(如React、Svelte和Yew)提供了有见地的模板。
- Bash
sh <(curl https://create.tauri.app/sh)
- PowerShell
irm https://create.tauri.app/ps | iex
- Cargo
cargo install create-tauri-app --locked cargo create-tauri-app
- npm
npm create tauri-app@latest
- Yarn
yarn create tauri-app
- pnpm
请注意,如果您使用create-tauri-app,您无需按照本指南的其余部分操作,但我们仍建议阅读它以了解设置过程。pnpm create tauri-app
这是我们将要构建的内容的预览: