← Taso 3 – Mestari

Oppitunti 2/10 ⏱ 30 minuuttia Premium

Terminaali ja Node.js

Avaat mustan ikkunan hakkerielokuvista ja huomaat että se on ystävä. Ja asennat Node.js:n.

Mikä terminaali on

Terminaali on ikkuna jossa kirjoitat komennot tietokoneelle tekstinä hiiren klikkauksen sijaan. Se näyttää pelottavalta, mutta se on vain toinen tapa ohjata asioita – ja ohjelmoijille se on pääasiallinen. Älä huoli: tarvitset noin viisi komentoa.

⚠️

Tee asennus vanhemman kanssa – aivan kuin editorin kanssa valmistelutasolla. Ja aja terminaalissa vain komentoja jotka ymmärrät (tai jotka tulevat täältä). Satunnaiset komennot internetistä voivat pilata tietokoneesi.

Miten avata terminaali

Kokeile

Kirjoita komento ja paina Enter:

echo Hi terminal

Terminaali vastaa “Hi terminal.” Juuri näin se toimii: kirjoitat komennon → Enter → tietokone vastaa. Kaksi muuta hyödyllistä:

pwd     # where am I right now? (prints the folder)
ls      # what's in this folder? (on Windows, "dir" also works)

Mikä Node.js on ja miksi sitä tarvitset

Tähän asti JavaScript on pyörinyt vain selaimessa. Node.js antaa sen pyöriä missä tahansa – kuten palvelimella. Ja tärkeintä: Node.js:n mukana tulee npm, valmis koodipalasten tavaratalo (paketit), jota käytämme hetken päästä lataamaan Reactin ja Viten.

Asennus

  1. Mene osoitteeseen nodejs.org ja lataa versio merkitty LTS (Long Term Support = tuettu pitkään, vakain).

  2. Aja ladattu tiedosto ja klikkaa asennusohjelman läpi (Next → Next → Install). Älä muuta mitään, oletusasetukset ovat oikein.

  3. Sulje ja avaa terminaali uudelleen (tärkeää!) ja tarkista asennus:

    node --version
    npm --version

    Kun kaksi versionumeroa näkyy (kuten v22.11.0 ja 10.9.0), olet valmis.

💡

“Command not found”? Yleensä terminaalin sulkeminen ja uudelleenavaaminen (tai koko VS Coden) korjaa sen. Jos se ei auta, käynnistä tietokone uudelleen – asennusohjelma tarvitsee että järjestelmä “huomaa” uuden ohjelman.

Komentojen pikaopas

Nämä neljä komentoa kattavat 90 % työstäsi. Tallenna ne:

KomentoMitä se tekee
cd folder-namemene kansioon (cd .. = palaa yksi kansio taakse)
ls (tai dir)näytä mitä kansiossa on
npm installlataa projektin tarvitsemat paketit
npm run devkäynnistä kehityspalvelin (pysäytä Ctrl+C:llä)

Tarkista itse: node --version ja npm --version tulostavat molemmat numerot, ja voit terminaalilla siirtyä kansioon (cd) ja listata sen sisällön (ls). Ammattilaisen työpaja on valmis – seuraavassa oppitunnissa asetamme ensimmäisen React-sovelluksesi.

Mitä opit tästä oppitunnista