Samuel-Amaro / estudos-learn-svelte

Estudos aprendizagem do Svelte

Estudos Svelte

Estudos para aprender sobre o svelte, e seu ecossistema.

• Basic Svelte
  • Introduction
  • Reactivity
  • Props
  • Logic
  • Events
  • Bindings
  • Lifecycle
  • Stores
• Advanced Svelte
  • Motion
  • Transitions
  • Actions
  • Advanced Bindings
  • Classes and Styles
  • Component Composition
  • Context API
  • Special Elements
  • Module Context

Stack

Tecnologia	Descrição
Svelte	Framework frontend
TypeScript	Linguagem
Vite	Build tool
Prettier	Formatter
ESLint	Linter
NPM	Gerenciador de pacotes

Requisitos

Você precisará de um terminal com node + npm instalado para compilar e construir seu aplicativo.

1. Node
2. NPM

Comandos

Instalar as dependências do projeto

npm install

Rodar a aplicação em modo desenvolvimento (Vite)

npm run dev

---

Executa a verificação do Svelte

npm run check

---

Verifica os .ts arquivos, que informa ao compilador TypeScript para verificar se há erros sem gerar os .js arquivos de saída

npm run check && npx tsc --noemit

---

Executa a verificação do Svelte no modo observação, neste caso, o script será executado sempre que você alterar algum arquivo.

npm run check -- --watch

---

Buildar a aplicação (Vite)

npm run build

---

Pré-visualizar o build (Vite)

npm run preview