Setup 04 - Vite e Scaffolding ⚡

O Vite é a ferramenta que prepara todo o nosso ambiente de desenvolvimento, compila o código e permite que vejamos as mudanças no navegador instantaneamente.

🚀 Criando o Projeto

Abra o terminal na pasta onde deseja salvar seus estudos e digite:

npm create vite@latest

Siga os passos: 1. Project name: dê um nome (ex: meu-app-vue) 2. Select a framework: escolha Vue 3. Select a variant: escolha JavaScript (ou TypeScript, se preferir o desafio)

📦 Iniciando os trabalhos

Entre na pasta criada e instale as dependências:

cd meu-app-vue
npm install
npm run dev

Agora, acesse a URL que aparecerá no terminal (geralmente http://localhost:5173) e veja sua aplicação Vue rodando com performance de ponta!