跳到主要內容

開始使用

建立專案

在 GitHub 上編輯此頁面

開始建立 SvelteKit 應用程式最簡單的方法是執行 npm create

npm create svelte@latest my-app
cd my-app
npm install
npm run dev

第一個指令會在 my-app 目錄中建立一個新的專案,並詢問您是否要設定一些基本工具,例如 TypeScript。請參閱 整合 以取得設定其他工具的提示。後續指令會安裝其相依性,並在 localhost:5173 上啟動伺服器。

有兩個基本概念

  • 應用程式的每個頁面都是 Svelte 元件
  • 您可以透過將檔案新增到專案的 src/routes 目錄來建立頁面。這些檔案將會在伺服器端呈現,以便使用者第一次造訪您的應用程式時能盡可能快速,然後再由用戶端應用程式接手

請嘗試編輯檔案,以了解所有運作方式。

編輯器設定

我們建議使用 Visual Studio Code (又稱 VS Code) 搭配 Svelte 擴充功能,但 許多其他編輯器也支援

上一個 簡介
下一個 專案結構