推出新的 Svelte CLI
Tailwind、身份验证、数据库等等 - 仅需 npx sv
我们刚刚发布了 sv,这是一个用于创建、增强和升级 Svelte 项目的新命令行界面 (CLI)。
我们听到的最常见问题之一是“如何在新的项目中设置 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.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 的此演示...
...或运行 npx sv
自己尝试一下。