Kihagyás

Node.js és TypeScript telepítése

Ahhoz, hogy a kurzuson írt programokat otthon is futtatni tudjuk, szükségünk van a Node.js futtatókörnyezetre, valamint a TypeScript fordítóra (TSC, a félév második részében). A Node.js egy JavaScript futtatókörnyezet, amely lehetővé teszi JavaScript kód futtatását böngészőn kívül is (és még sok egyéb dolgot is tud). A TypeScript Compiler (TSC) pedig a TypeScript kódok fordításához szükséges.

A Node.js tartalmazza az npm (Node Package Manager) csomagkezelőt is, amely segítségével könnyen telepíthetünk további csomagokat és eszközöket, mint például a TypeScript fordítót. A TypeScript fordítót telepíthetjük globálisan vagy projektszinten is.

Node.js-ből többféle verzió áll rendelkezésünkre. Létezik az LTS (Long-term support) verzió, amely hosszú távú támogatást kapó, stabil kiadás, valamint a Current verzió, amely a legfrissebb funkciókat tartalmazza, de kevésebb ideig van rá támogatás. Kezdőknek és production környezethez az LTS verzió használata javasolt, de a kurzushoz bármelyik verzió tökéletes.

Windows

  1. Látogass el a Node.js hivatalos oldalára.

  2. Az oldal automatikusan felismeri az operációs rendszered és ajánlja a megfelelő verziót. Kattints a Get Node.js gombra.

  3. Töltsük le és indítsuk el a telepítőt (.msi fájl). A letöltés gomb kicsit lentebb helyezkedik el az oldalon (Windows Installer (.msi).

  4. A telepítő során:

  5. Fogadjuk el a licenc feltételeket.
  6. Válasszuk ki a telepítési mappát.
  7. Az "Add to PATH" opció legyen bekapcsolva (alapértelmezetten be van). Ez fontos!

  8. Az npm package manager telepítése is legyen bekapcsolva.

  9. Kattintsuk végig a telepítőt és várjuk meg, amíg befejeződik.

Linux

A legtöbb Linux disztribúció rendelkezik Node.js csomagokkal a csomagtárolóiban. Alternatívaként használhatjuk a NodeSource repository-t a legfrissebb verziókért, vagy az NVM (Node Version Manager) eszközt több verzió kezeléséhez.

Debian, Ubuntu, Linux Mint, stb.

Az alapértelmezett repository-ból (bőven elegendő a kurzushoz): 

1
2
sudo apt update
sudo apt install nodejs npm

A legfrissebb LTS verzióért (ajánlott): 

1
2
curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo -E bash -
sudo apt-get install -y nodejs

Fedora, CentOS, Oracle Linux, Red Hat Enterprise Linux, stb.

A különlegesebb Linuxokhoz telepítési útmutatót tartalmaz a Node.js oldala.

macOS

Hivatalos telepítő használata

  1. Látogass el a Node.js hivatalos oldalára.
  2. Töltsd le a macOS .pkg telepítőt (LTS verzió).
  3. Indítsd el és kövesd a telepítő utasításait.

Homebrew használata

Ha telepítve van a Homebrew: 

1
brew install node

TypeScript fordító telepítése

Miután a Node.js telepítése kész, telepítsük a TypeScript fordítót. Ezt kétféleképpen tehetjük meg:

Globális telepítés (ajánlott kezdőknek)

1
npm install -g typescript

Ez globálisan telepíti a TypeScript fordítót, így a tsc parancs bárhonnan elérhető lesz.

Projektszintű telepítés

1
npm install --save-dev typescript

Ez csak az aktuális projektben telepíti a TypeScript-et. Futtatáshoz a npx tsc parancsot használhatjuk.

Telepítés ellenőrzése

Ha kész a telepítés, ellenőrizd le, hogy minden működik-e! Indíts egy parancssort vagy terminált, majd írd be a következő parancsokat:

Node.js és npm ellenőrzése:

1
2
node --version
npm --version

TypeScript fordító ellenőrzése:

1
tsc --version

A következőhöz hasonló választ kell kapnod:

1
2
3
4
5
6
$ node --version
v22.16.0
$ npm --version
11.4.1
$ tsc --version
Version 5.9.2

Fejlesztői környezetek

Visual Studio Code (VS Code)

A Visual Studio Code egy ingyenes, nyílt forráskódú szövegszerkesztő a Microsofttól, amely kiváló támogatást nyújt TypeScript és JavaScript fejlesztéshez is. Beépített IntelliSense, szintaxis kiemelés, debugging és Git integráció is található benne. Rengeteg bővítménnyel testre szabható, és könnyű, gyors működésű.

A TypeScript támogatás alapból elérhető, külön telepítés nem szükséges.

Letöltés: Visual Studio Code letöltése

WebStorm (JetBrains)

A WebStorm egy professzionális, fizetős IDE a JetBrains-től, amely speciálisan web fejlesztéshez készült, hasonló az IntelliJ, PyCharm programokhoz. Kiváló TypeScript, React, Vue.js és Angular támogatással rendelkezik.

30 napos ingyenes próbaverzió elérhető, diákoknak ingyenes licenc. Erőforrásigényesebb, de sokkal több beépített funkcióval rendelkezik mint a VS Code.

Letöltés: WebStorm letöltése

Hibaelhárítás

"'tsc' is not recognized as an internal or external command" hiba Windows-on:

  • Ellenőrizd, hogy a Node.js telepítése során az "Add to PATH" opció be volt-e kapcsolva
  • Indítsd újra a parancssort a PATH frissítéséhez
  • Ellenőrizd a PATH környezeti változót: echo $PATH (Linux/macOS) vagy echo %PATH% (Windows)

Jogosultsági problémák npm telepítésekor Linux/macOS-en:

  • Használj sudo előtagot: sudo npm install -g typescript
  • Vagy állítsd be az npm-et, hogy ne igényeljen sudo jogosultságokat

Régi Node.js verzió:

  • Használj NVM-et (Node Version Manager) több verzió kezeléséhez
  • Linux/macOS: telepítsd az nvm-et, majd nvm install --lts