Setup 03: Vite e Estrutura de Projeto ⚡

O Svelte moderno utiliza o Vite para um desenvolvimento extremamente rápido.

1. Criando um Novo Projeto

No terminal, na pasta onde deseja salvar seus estudos, execute:

npm create vite@latest meu-projeto-svelte -- --template svelte

1. Entre na pasta: cd meu-projeto-svelte. 2. Instale as dependências: npm install. 3. Rode o projeto: npm run dev.

node_modules/: Onde ficam as bibliotecas instaladas.
public/: Arquivos estáticos (imagens, ícones).
src/: Onde você passará 99% do seu tempo.
- App.svelte: O componente principal.
- main.js: O ponto de entrada que inicia o Svelte.
package.json: A lista de dependências e scripts do projeto.

Sempre inicie um repositório Git para seus projetos:

git init
git add .
git commit -m "Primeiro commit"

Neste curso, focamos no Svelte puro com Vite para aprender a base. Projetos maiores e complexos (com rotas no servidor) usam o SvelteKit.

Próximo Passo: DevTools e Debugging 🔍