Vaihe 6: Projektin alustaminen

Projektin asennus tapahtuu terminaalin kautta. Avaa terminaali koodieditorissasi (jos se ei ole jo auki), suorita seuraava komento ja paina Enter:

npm create vite@latest .

Kun sinulta kysytään, valitse nuolinäppäimillä React kehykseksi:

Valitse tämän jälkeen joko JavaScript tai TypeScript oman mieltymyksesi mukaan:

Kun asennus on valmis, Vite kehottaa asentamaan riippuvuudet. Suorita seuraava komento:

npm install

Kun asennus on valmis, käynnistä kehityspalvelin suorittamalla:

npm run dev

Näiden komentojen suorittamisen jälkeen näet paikallisen kehitysosoitteen — tyypillisesti: http://localhost:5173/. Voit avata tämän linkin selaimessa nähdäksesi sovelluksen livenä.

Vaihe 7: Aloita mukauttaminen

Projekti on nyt valmis, voit aloittaa sen mukauttamisen:

• Pääasiallinen työ tapahtuu src-kansiossa;
• Löydät oletustiedostot kuten App.jsx ja main.jsx, joita voit muokata tai korvata projektisi tarpeiden mukaan;
• Jos olet aiemmin työskennellyt CodeSandboxissa, luo tuttu rakenne uudelleen: varmista, että sinulla on main.jsx (Viten vastine tiedostolle index.js) aloituspisteenä ja rakenna pääsovelluksesi tiedostoon App.jsx;
• Luo tarvittaessa lisää kansioita komponenttien, tyylien ja resurssien järjestämistä varten.