React-kehyksen asennus

Kehyksen asentamiseksi tarvitset NodeJS 22+ tietokoneellesi. Luo projekti suorittamalla komentorivillä seuraava komento:

npm create vite@latest my-app -- --template react

Ja suorita sitten seuraavat komennot:

cd my-app
npm install
npm run dev

Tämän jälkeen sinulla on kansio my-app, jossa on kehys. Etsi tästä kiintiöstä kansio src - tämä on työkansiosi, jossa kehität projektiasi.

Etsi kansiosta src tiedosto App.js. Lähitulevaisuudessa tämä tiedosto on pääasiallinen työtiedostosi. Siinä kirjoitat koodia, seuraamalla sen tuloksia selainikkunassa.

Avaa tämä tiedosto editorissa ja poista kaikki tarpeeton, saaden sen seuraavaan muotoon:

import React from 'react';

function App() {
	return <div>
		teksti
	</div>;
}

export default App;

Kun projektisi on asennettu, seuraavaa käynnistystä varten (esimerkiksi tietokoneen uudelleenkäynnistyksen jälkeen) sinun tarvitsee vain siirtyä terminaalin kautta kansioon my-app ja suorittaa seuraava komento:

npm run dev