跳至主要内容

入门

简介

在 GitHub 上编辑此页面

欢迎来到 Svelte 参考文档!本指南旨在为已熟悉 Svelte 并希望进一步了解其用法的人员提供帮助。

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

开始一个新项目

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

npm create svelte@latest myapp
cd myapp
npm install
npm run dev

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

SvelteKit 的替代方案

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

或者,有适用于所有主要 Web 捆绑器的插件来处理 Svelte 编译——它将输出您可以插入到 HTML 中的.js.css——但大多数其他插件不会处理 SSR。

编辑器工具

Svelte 团队维护一个VS Code 扩展,并且还与各种其他编辑器和工具集成。

获取帮助

不要害羞,在Discord 聊天室中寻求帮助!您还可以在Stack Overflow上找到答案。

上一个
下一个 Svelte 组件