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

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

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

pnpx sv create myapp
cd myapp
pnpm install
pnpm run dev

yarn dlx sv create myapp
cd myapp
yarn install
yarn dev

Первая команда создаст каркас нового проекта в директории my-app, предложив вам настроить базовые инструменты вроде TypeScript. Смотрите раздел интеграции для настройки дополнительных инструментов. Последующие команды установят зависимости и запустят сервер на localhost:5173.

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

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

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

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

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