Skip to main content

引入新的 Svelte CLI

Tailwind、认证、数据库等功能——只需一个 npx sv 命令

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

我们经常听到的一个问题是:“如何在我的新项目中设置 Tailwind?”。Tailwind 提供了 SvelteKit 文档,但它列出了八个步骤。虽然社区主导的 svelte-add 项目可以自动化这个过程,但知道它存在的人并不多。

现在,我们通过自己的 CLI 在项目创建界面中直接提供了这种功能。而且不仅仅是 Tailwind——我们为格式化、代码校验、测试、设置数据库、认证、国际化等功能提供了内置插件。只需运行 npx sv create 并按照提示操作:

$ npx sv create

┌  欢迎使用 Svelte CLI!(v0.5.8)

◇  您希望在哪里创建项目?
│  my-new-app

◇  您希望选择哪个模板?
│  SvelteKit 简版

◇  是否添加 Typescript 类型检查?
│  是,使用 Typescript 语法

◆  项目已创建

◆  您希望为项目添加哪些功能?(使用箭头键/空格键选择)
│  ◻ prettier (https://prettier.io)
│  ◻ 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 的以下演示...

Svelte Summit 2024 秋季峰会 上介绍 sv

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