Tauri 創(chuàng)建前端

SvelteKit 是一個(gè)主要用于服務(wù)器端渲染（SSR）的 Svelte 前端框架。為了使 SvelteKit 與 Tauri 正常工作，需要禁用 SSR 并使用 @sveltejs/adapter-static 來創(chuàng)建基于前端的靜態(tài)頁面生成（SSG）。

SvelteKit 包含一個(gè)類似于 create-tauri-app 的腳手架工具，可以快速設(shè)置一個(gè)新項(xiàng)目，并提供許多自定義選項(xiàng)。在本指南中，我們將選擇 TypeScript 模板，并啟用 ESLint 和 Prettier。

• npm
• Yarn
• pnpm

pnpm create svelte

1. 項(xiàng)目名稱這將是您的 JavaScript 項(xiàng)目的名稱。 對應(yīng)此工具將創(chuàng)建的文件夾的名稱，但在其他方面對你的應(yīng)用沒有影響。 您可以在此處填寫任何您想要的名稱。
2. App templateWe will select the Skeleton project for a barebones template. 如果你想要使用一個(gè)更完整的 SwelteKit 示例體驗(yàn)，你可以選擇 SwelteKit 演示應(yīng)用程序。
3. 輸入檢查您是否想要在您的項(xiàng)目中通過 JSDoc 或 TypeScript 進(jìn)行類型檢查。 對于本指南，我們假設(shè)您選擇 TypeScript。
4. 是否要使用ESLint進(jìn)行代碼檢查和Prettier進(jìn)行代碼格式化來啟動您的項(xiàng)目。在本指南中不會有關(guān)于這個(gè)問題的其他提及，但我們建議啟用這兩個(gè)選項(xiàng)。
5. 瀏覽器測試SwelteKit 為瀏覽器測試提供內(nèi)置的 Playwright 支持。 既然 Tauri API 不適用于 Playwright，我們建議不要添加它。 請查看我們的WebDriver文檔，了解使用Selenium或WebdriverIO替代Playwright的替代方案。