Passaggio 6: Inizializzare il progetto

Per configurare il progetto, utilizzare il terminale. Aprire il terminale nell'editor di codice (se non è già aperto), eseguire il seguente comando e premere Invio:

npm create vite@latest .

Quando richiesto, selezionare React come framework utilizzando i tasti freccia:

Successivamente, scegliere JavaScript oppure TypeScript, a seconda della preferenza:

Dopo aver completato la configurazione, Vite richiederà di installare le dipendenze. Eseguire il seguente comando:

npm install

Una volta terminata l'installazione, avviare il server di sviluppo eseguendo:

npm run dev

Dopo aver eseguito questi comandi, verrà visualizzato un URL locale di sviluppo — tipicamente: http://localhost:5173/. È possibile aprire questo link nel browser per visualizzare l'applicazione in tempo reale.

Passaggio 7: Iniziare la personalizzazione

Il progetto è stato configurato, puoi iniziare a personalizzarlo:

• Il lavoro principale avverrà all'interno della cartella src;
• Troverai file predefiniti come App.jsx e main.jsx, che puoi modificare o sostituire in base alle esigenze del tuo progetto;
• Se hai lavorato precedentemente in CodeSandbox, ricrea la struttura a te familiare: assicurati di avere un file main.jsx (l'equivalente Vite di index.js) come punto di ingresso e sviluppa la tua applicazione principale in App.jsx;
• Crea ulteriori cartelle secondo necessità per organizzare i tuoi componenti, stili e risorse.