Telepítés:
a. NODE.JS telepítése(20.12.2. LTS)
https://nodejs.org/en
b. Telepítés ellenőrzése: npm –v
c. TypeScript telepítése: npm install –g typescript
d. Telepítés ellenőrzése: tsc –v
6. Első TypeScript projekt Hello, TypeScript
a. Hozzunk létre egy munkamappát! Ezen belül egy html állományt és egy hivatkozást a
01_ts_hello_world.js-re!
b. Hozzunk létre azonos néven egy ts kiterjesztésű állományt is, majd írjuk bele:
console.log("Hello, World!!!");
c. Parancssorban vagy PowerShellben (rendszergazdaként) adjuk ki a következő parancsot a
munkamappán belül tsc 01_ts_hello_world.ts
FONTOS: A megfelelő mappán belül adjuk ki a parancsot és NE a VSC-ben!
PowerShellben jogosultságbeállítás rendszergazdaként (ezt követően a VSC-s
parancssorban is működni fog a tsc parancs kiadása)
Set-ExecutionPolicy –ExecutionPolicy RemoteSigned : powershell-ben rendszergazdaként kiadni ezt a parancsot
y
Lehetséges hiba lehet újra kell indítani a VSC-t!
Helyes működésnél létrehozza a 01_ts_hello_world.js -t a következő tartalommal:
console.log("Hello, World!!!");
7. Függvények létrehozása TS-ben
ERROR duplicate function declaration
https://stackoverflow.com/questions/39689763/typescript-duplicate-functionimplementation
Megoldás 1 VSC-ben a JS ne legyen nyitva
Megoldás 2 export{} a TS elején
Megoldás 3 tsc –init parancs
8. Automatikus fordítási folyamat mentés hatására:
https://stackoverflow.com/questions/29996145/visual-studio-code-compile-on-save
Megoldás1:
tsc .\fajlNeve.ts –watch
Megoldás2:
tsc –init (létrehozza a tsconfig.json-t)
cltr+shift+b tsc: watch - tsconfig.json kiválaszt
tsc: watch - tsconfig.json
Fordítás/Compiler
tsc. fajlNev.ts
Fordító kezdeti beállítása, tsconfig.json létrehozása:
tsc --init
Bemeneti fájl figyelése:
tsc –watch
tsc -w
Teljes projekt futatása a megadott elérési úton:
tsc -p ./path/to/tsconfig.json
Hibakiírások színezése, könnyebb debuggolás:
tsc --pretty
További parancsok:
tsc --help
TS ltrehozása -lépések:
1. HTML létrehozása: ts_hello_world.html
2. lépés: js fájl script-src-vel behivatkoznia body zárótag fölé
3. lépés: ugyanolyan nevű fájl létrehozása, de ts végződéssel
4.lépés:
TS projekt futtatásának lépése:
1. .ts állomány módosítása
2. tsc fajlNev.ts (megfelelő mappában)
3. Ha be van van hivatkozva a html állományban a js, akkor böngészőben ellenőrizhetjük a módosítást
FONTOS:
minden .ts-ben lévő módosítás után le kell futtatni a tsc parancsot, kiválasztva cd-vel a szerkesztett ts fájlt: fajlNev.ts
FONTOS: Manuálisan ne szerkesszük a js-t!
https://www.typescripttutorial.net/typescript-tutorial/typescript-if-else/