1.打包前端項目產生靜態html、css、js

我們接下來用vue3 + vite編寫一個番茄鐘案例來演示。

我們執行npm run build 命令產生的dist目錄下的靜態文件。

2.創建tarui項目

npm create tauri-app@latest

一路回車，直到出現。

3.啟動運行

我們將打包產生的dist目錄下的靜態文件拷貝到這個src目錄下面。

執行：

# 下載依賴
npm i
# 啟動開發服務器
npm run tauri dev

之后就會彈出一個窗口運行。

執行：

# 將項目打包成exe
npm run build

會在./src-tauri/target/release 產生exe可執行文件。可以直接點擊運行。