引入新的 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 的以下演示...
...或者运行 npx sv
自己尝试一下。