欢迎来到 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上找到答案。