Svelte

Добро пожаловать в справочную документацию Svelte! Данный ресурс предназначен для тех, кто уже знаком с Svelte и хочет узнать больше о его использовании.

Если это не про вас (ещё), вам, возможно, будет полезнее посетить интерактивный учебник или примеры, прежде чем обращаться к этому справочнику. Вы можете опробовать Svelte онлайн с помощью REPL. В качестве альтернативы, если вам нужен более функциональный инструмент, вы можете попробовать Svelte на StackBlitz.

Начало нового проекта

Мы рекомендуем использовать SvelteKit, официальный фреймворк для приложений от команды Svelte:

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

SvelteKit будет вызывать компилятор Svelte, чтобы преобразовать ваши .svelte файлы в .js файлы, создающие DOM, и .css файлы, стилизующие его. Он также предоставляет все необходимые компоненты для создания веб-приложения, такие как сервер разработки, маршрутизацию, поддержку развертывания и SSR. SvelteKit использует Vite для сборки вашего кода.

Альтернативы SvelteKit

Если по какой-либо причине вы не хотите использовать SvelteKit, вы также можете использовать Svelte с Vite (но без SvelteKit), запустив npm create vite@latest и выбрав svelte вариант. В этом случае, npm run build сгенерирует HTML, JS и CSS файлы внутри каталога dist. В большинстве случаев, вам, вероятно, также потребуется выбрать библиотеку маршрутизации.

В качестве альтернативы, существуют плагины для всех основных веб-бандлеров, которые обрабатывают компиляцию Svelte — что даст .js и .css файлы, которые вы можете вставить в свой HTML — но большинство других не будут поддерживать SSR.

Инструменты для редакторов

Команда Svelte поддерживает расширение для VS Code, а также существуют интеграции с различными другими редакторами и инструментами.

Получение помощи

Не стесняйтесь обращаться за помощью в чат-рум Discord! Вы также можете найти ответы на Stack Overflow.