Tauri HTML、CSS 和 JavaScript

此教程將手把手教您如何使用 HTML、CSS 和 JavaScript 構(gòu)建您的第一款 Tauri 應(yīng)用。 如果您是網(wǎng)頁(yè)開(kāi)發(fā)初學(xué)者的話，這或許是您最需要的教程。

信息
在我們繼續(xù)之前，請(qǐng)確保您已經(jīng)完成了必要的前提條件，以獲得一個(gè)可用的開(kāi)發(fā)環(huán)境。

Tauri 由一個(gè)可搭配任何前端來(lái)構(gòu)建桌面應(yīng)用的框架和 Rust 核心構(gòu)成。 每個(gè)應(yīng)用均由兩個(gè)部分組成：

1. 創(chuàng)建窗口并向其提供原生功能支持的 Rust 二進(jìn)制文件
2. 由您選擇的前端框架，用于編寫(xiě)窗口內(nèi)的用戶界面

接下來(lái)，我們會(huì)先搭建好前端框架，然后設(shè)置一個(gè)Rust工程，最后向你展示這兩者之間如何通信。

create-tauri-app
創(chuàng)建一個(gè)新項(xiàng)目的最簡(jiǎn)單方式是使用create-tauri-app實(shí)用工具。它為普通的HTML/CSS/JavaScript以及許多前端框架（如React、Svelte和Yew）提供了有見(jiàn)地的模板。

• 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

pnpm create tauri-app

請(qǐng)注意，如果您使用create-tauri-app，您無(wú)需按照本指南的其余部分操作，但我們?nèi)越ㄗh閱讀它以了解設(shè)置過(guò)程。

這是我們將要構(gòu)建的內(nèi)容的預(yù)覽：