Создание проекта

Самый простой способ начать создавать приложение на SvelteKit — выполнить команду:

npx sv create my-app
cd my-app
npm run dev

pnpx sv create myapp
cd myapp
pnpm run dev

yarn dlx sv create myapp
cd myapp
yarn dev

Первая команда создаст новый проект в директории my-app, предложив настроить некоторые базовые инструменты, такие как TypeScript. См. документацию CLI для получения информации об этих опциях и страницу интеграций для рекомендаций по настройке дополнительных инструментов. Команда npm run dev запустит сервер разработки на http://localhost:5173 — убедитесь, что вы установили зависимости перед выполнением этой команды, если не сделали этого во время создания проекта.

Есть две базовые концепции:

Каждая страница вашего приложения — это компонент Svelte
Страницы создаются путём добавления файлов в директорию src/routes вашего проекта. Они будут рендериться на сервере, чтобы первая загрузка приложения была максимально быстрой, после чего управление переходит клиентскому приложению

Попробуйте отредактировать файлы, чтобы понять, как всё работает.

Настройка редактора

Мы рекомендуем использовать Visual Studio Code (VS Code) с расширением Svelte, но также есть поддержка для многих других редакторов.