跳至主要内容

推出新的 Svelte CLI

Tailwind、身份验证、数据库等等 - 仅需 npx sv

我们刚刚发布了 sv,这是一个用于创建、增强和升级 Svelte 项目的新命令行界面 (CLI)。

我们听到的最常见问题之一是“如何在新的项目中设置 Tailwind?”。Tailwind 有 SvelteKit 文档,但它列出了八个步骤。虽然社区主导的 svelte-add 项目可以自动化此过程,但很少有人知道它。

2024 年秋季 Svelte 峰会 上推出 sv

现在,我们通过自己的 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.node.org.cn)
│  ◻ 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。(迁移功能也可以在 VS Code 版 Svelte 以及 游乐场 中找到。)

非常感谢 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 的此演示...

2024 年秋季 Svelte 峰会 上推出 sv

...或运行 npx sv 自己尝试一下。