Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele React-projektin Käynnistäminen ja Suorittaminen Viten Avulla | Reaalimaailman React-Projektien Jäsentäminen
React-mestaruus

bookReact-projektin Käynnistäminen ja Suorittaminen Viten Avulla

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.
question mark

Mikä komento käynnistää uuden React-projektin Viten avulla?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 4. Luku 5

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Suggested prompts:

What should I do if I encounter an error during the setup process?

Can you explain the difference between JavaScript and TypeScript for this project?

Where can I find the main files to start customizing my app?

Awesome!

Completion rate improved to 2.17

bookReact-projektin Käynnistäminen ja Suorittaminen Viten Avulla

Pyyhkäise näyttääksesi valikon

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.
question mark

Mikä komento käynnistää uuden React-projektin Viten avulla?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 4. Luku 5
some-alt