隆重介紹新的 Svelte CLI

我們剛剛發佈了 sv，一個新的命令列介面 (CLI)，用於建立、增強和升級 Svelte 專案。

我們最常聽到的問題之一是「如何在我的新專案中設定 Tailwind？」。Tailwind 有 SvelteKit 文件，但它列出了八個步驟。雖然社群主導的 svelte-add 專案可以自動化這個過程，但很少人知道它。

現在，我們透過我們自己的 CLI，直接在專案建立畫面中提供該功能。而且不僅僅適用於 Tailwind — 我們內建了用於格式化、程式碼檢查、測試、設定資料庫和身份驗證以及 i18n 等附加元件。只需執行 npx sv create 並按照提示操作即可。

$ npx sv create

┌  Welcome to the Svelte CLI! (v0.5.8)
│
◇  Where would you like your project to be created?
│  my-new-app
│
◇  Which template would you like?
│  SvelteKit minimal
│
◇  Add type checking with Typescript?
│  Yes, using Typescript syntax
│
◆  Project created
│
◆  What would you like to add to your project? (use arrow keys / space bar)
│  ◻ prettier (https://prettier.dev.org.tw)
│  ◻ eslint
│  ◻ vitest
│  ◻ playwright
│  ◻ tailwindcss
│  ◻ drizzle
│  ◻ lucia
│  ◻ mdsvex
│  ◻ paraglide
│  ◻ storybook
└

您還可以執行 npx sv add 將附加元件應用於現有的專案。在不久的將來，我們也將支援由社群在 sv 中貢獻的附加元件。如果您有興趣建立一個，請訂閱 這個議題 在 CLI 儲存庫 中，以便在支援第三方附加元件時收到通知。

這還不止於此。隨著時間的推移，Svelte 累積了一些 CLI：svelte-check 從命令列檢查您的專案的型別，npx svelte-migrate 幫助您升級到新的主要版本，而且未來我們可能會擁有更多功能。記住每個工具的套件名稱很麻煩，這就是我們將體驗統一在一個平台 sv 下的原因。這表示您現在可以執行 sv migrate svelte-5 將您的 Svelte 4 專案升級到 Svelte 5。（遷移功能也可以在 Svelte for VS Code 以及在 線上遊樂場 中找到。）

非常感謝 Christopher Brown (chbrown) 在 npm 上捐贈了 sv 套件名稱，使這個 CLI 成為可能。這個套件將先前的 create-svelte 和社群主導的 svelte-add 工具合併到單一套件中。感謝 Manuel (manuel3108) 和 Adrian (CokaKoala) 最近接手維護 svelte-add 專案，並加入成為最新的 Svelte 維護人員，使這個專案成為 Svelte 的官方一部分。還要感謝 J (babichjacob) 建立 svelte-add 專案，並多年來成功地管理它，使其成為 Svelte 社群的重要一部分。

若要查看 CLI 的實際運作，請查看 Ben Davis 和 t3.gg 的這個示範...

...或執行 npx sv 親自試用。