创建项目
创建 SvelteKit 应用最简单的方法是运行 npx sv create
:
npx sv create my-app
cd my-app
npm install
npm run dev
第一个命令将在 my-app
目录中搭建一个新项目,并询问您是否要设置一些基本工具,比如 TypeScript。有关设置其他工具的指导,请参见集成。随后的命令将安装其依赖项并在 localhost:5173 上启动服务端。
这里有两个基本概念:
- 应用的每个页面都是一个 Svelte 组件
- 通过在项目的
src/routes
目录中添加文件来创建页面。这些页面将被服务端渲染,以确保用户首次访问您的应用时速度尽可能快,之后客户端应用将接管
尝试编辑文件以了解所有功能是如何工作的。
编辑器设置
我们推荐使用 Visual Studio Code (简称 VS Code) 并安装 Svelte 扩展,但也支持许多其他编辑器。