TypeScript este un superset de JavaScript dezvoltat pentru a construi aplicații mai sigure, la scară largă. Se adaugă limbii opționale tastare statică, facilitând detectarea erorilor înainte de compilare.
Limbajul introduce, de asemenea, unele caracteristici care nu există în JavaScript. Acestea includ generice, clase, interfețe, enumerari și decoratori.
Aflați cum să configurați primul dvs. proiect TypeScript de la zero în doar câțiva pași.
Pasul 1: Instalarea TypeScript
Înainte de utilizare TypeScript pe sistemul dvs., trebuie să instalați compilatorul TypeScript la nivel global.
Rulați următoarea comandă pentru a instala TypeScript la nivel global:
npm instalare -g dactilografiat
Pasul 2: Configurați-vă proiectul
Pentru a configura proiectul TypeScript, începeți prin a crea un director de proiect gol în orice IDE la alegere.
Apoi, creați fișierele dvs. cu .ts extensia de fișier. TypeScript nu poate rula în niciun mediu. Astfel, trebuie să fie compilat în JavaScript înainte de a putea rula.
Pentru a compila fișierele TypeScript în JavaScript, navigați la directorul de proiect de pe terminal. Apoi fugi
tsc urmat de numele fișierului TypeScript.De exemplu:
tscindex.ts
Această comandă va crea un index.js fișier în același director dvs index.ts fișierul rezidă.
Acest comportament poate fi nedorit, deoarece ar face proiectul dvs. dificil de gestionat cu mai multe .js și .ts fișiere din același director.
Modificați acest comportament implicit și modificați comportamentul compilatorului TypeScript utilizând tsconfig.json fişier.
Rulați următoarea comandă în terminalul dvs. pentru a crea un tsconfig.json fișier în proiectul dvs.:
tsc --init
Aceasta generează un fișier care conține toate setările de configurare pentru compilatorul TypeScript.
Veți acoperi aici doar elementele de bază necesare pentru a vă începe proiectul, dar puteți afla mai multe despre acesta documentația TypeScript tsconfig.
Pasul 3: Configurarea compilatorului TypeScript pentru un flux de lucru mai bun
The tsconfig.json fișierul conține opțiuni de configurare pentru compilatorul TypeScript împărțit în șapte secțiuni:
- Proiecte
- Limbă și Mediu
- Module
- Suport JavaScript
- Emite
- Constrângeri de interoperabilitate
- Verificarea tipului
- Completitudine
Majoritatea proprietăților sunt dezactivate implicit (sunt comentate). Le puteți activa și modifica prin anularea comentariilor.
Iată pașii pe care va trebui să-i urmați pentru a schimba locația fișierelor JavaScript generate:
- Deschis tsconfig.json și localizați emite secțiune.
- În emite secțiune, anulați comentariul outDir proprietate și specificați directorul în care doriți să stocați fișierul compilat .ts fișiere. Acum oricând fugi tsc, ta .js fișierele vor fi în folderul specificat.
Alergare tsc urmat de numele fișierului pe care doriți să-l compilați nu este optim pentru fluxul dvs. de lucru, mai ales când trebuie să compilați mai multe fișiere.
Pentru a rezolva această problemă, compilatorul TypeScript oferă o proprietate care îi permite să compileze toate fișierele dintr-un director într-o singură comandă.
Urmați acești pași pentru a configura acest lucru:
- Deschis tsconfig.json și localizați module secțiune.
- În module secțiune, anulați comentariul rootDir proprietate sau rootDirs (dacă doriți ca compilatorul să compileze mai multe .ts directoare în .js) și specificați directorul (directoarele) fișierului.
Aceste setări vă vor îmbunătăți fluxul de lucru și vor face fișierele mai ușor de întreținut.
Avantajele TypeScript
Avantajul major al TypeScript față de JavaScript este siguranța sa de tip. TypeScript face posibilă detectarea rapidă a erorilor greu de găsit. Această caracteristică îl face ideal pentru construirea de aplicații sigure și la scară largă.