Tauri 創(chuàng)建前端

2023-10-07 14:31 更新

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

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

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


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號