Etapa 6: Inicializar o Projeto

Para configurar o projeto, utilize o terminal. Abra o terminal no seu editor de código (caso ainda não esteja aberto), execute o seguinte comando e pressione Enter:

npm create vite@latest .

Quando solicitado, selecione React como o framework utilizando as teclas de seta:

Em seguida, escolha JavaScript ou TypeScript, conforme sua preferência:

Após a conclusão da configuração, o Vite solicitará a instalação das dependências. Execute o seguinte comando:

npm install

Quando a instalação for concluída, inicie o servidor de desenvolvimento executando:

npm run dev

Após executar esses comandos, será exibida uma URL local de desenvolvimento — normalmente: http://localhost:5173/. É possível abrir esse link no navegador para visualizar o aplicativo em tempo real.

Etapa 7: Início da Personalização

O projeto está configurado, você pode começar a personalizá-lo:

• O trabalho principal ocorre dentro da pasta src;
• Arquivos padrão como App.jsx e main.jsx estão disponíveis para modificação ou substituição conforme as necessidades do projeto;
• Caso tenha trabalhado anteriormente no CodeSandbox, recrie a estrutura familiar: garanta a presença de um main.jsx (equivalente ao index.js no Vite) como ponto de entrada e desenvolva a aplicação principal em App.jsx;
• Crie pastas adicionais conforme necessário para organizar componentes, estilos e recursos.