Что такое Svelte?
В 2019 году было 3 фреймворка, которые управляли сценой для JS-фреймворков. Реагируйте на Vue и Angular. Что у них общего? Все они являются полностью исполняемыми фреймворками, и в этом их главное отличие от Svelte. Svelte - это компилятор, который использует чистые веб-технологии, такие как HTML, CSS и JS, для создания реактивного взаимодействия без каких-либо фальшивых DOM, таких как React…
См. Состояние JS в 2019 году… чтобы узнать о текущих тенденциях в JS.
Простой компонент выглядит примерно так:
// src/some-component.svelte
<script>
let name = 'World'
</script>
<h1>Hello {name}</h1>
<style>
h1 {
color: red;
}
</style>
Круто, правда? Нет шаблонов, нет JSX, только основные веб-технологии
Дегит
Самый простой способ создать проект Svelte - использовать degit. Degit - это инструмент, который клонирует репозиторий из github без ненужной конфигурации и истории git. Это репозиторий de-giting для вашего чистого использования. Есть много шаблонов, которые вы можете использовать
Сначала нам нужно установить degit и клонировать репо вот так:
npm i degit npx degit user/project my-project
Чтобы использовать официальный шаблон, используйте:
npx degit sveltejs/template svelte-app
но это очень простой шаблон без Sass и базового форматирования. Я подготовил шаблон, который настраивает Scss Prettier и Eslint для вашего следующего проекта:
npx degit wrzonki/svelte-template my-project cd my-project npm i
И это все
После запуска вашего проекта вы должны увидеть Hello World на http: // localhost: 5000 /.
