欢迎来到 Svelte 参考文档!这是为那些已经对 Svelte 有一定了解并希望了解更多使用信息的人准备的资源。

如果那还不是你(现在),你可能更愿意在查阅此参考之前访问 交互式教程示例。你可以使用 REPL 在线尝试 Svelte。或者,如果你想要一个功能更全面的环境,你可以在 StackBlitz 上尝试 Svelte。

开始一个新项目

我们建议使用 SvelteKit,这是 Svelte 团队提供的官方应用程序框架:

  1. npm create svelte@latest myapp
  2. cd myapp
  3. npm install
  4. npm run dev

SvelteKit 将处理调用 Svelte 编译器 来将你的 .svelte 文件转换成创建 DOM 的 .js 文件和样式化 DOM 的 .css 文件。它还提供了构建 Web 应用程序所需的所有其他部分,例如开发服务器、路由、部署和 SSR 支持。SvelteKit 使用 Vite 来构建你的代码。

SvelteKit 的替代品

如果你出于某种原因不想使用 SvelteKit,你也可以通过运行 npm create vite@latest 并选择 svelte 选项来与 Vite 一起使用 Svelte(但不包括 SvelteKit)。这样,npm run build 将在 dist 目录中生成 HTML、JS 和 CSS 文件。在大多数情况下,你可能还需要 选择一个路由库

另外,还有 所有主要 Web 打包器的插件 来处理 Svelte 编译 —— 这将输出你可以插入到你的 HTML 中的 .js.css —— 但大多数其他插件不会处理 SSR。