Uvod
TypeScript je proširenje JavaScripta koje omogućava razvoj čvrsto tipiziranog koda. Ovo doprinosi ranom otkrivanju grešaka i kreiranju pouzdanijeg i lakše održivog koda. Postavljanje novog TypeScript projekta je jednostavan proces koji se može obaviti za nekoliko minuta.
Koraci za inicijalizaciju novog TypeScript projekta
1. Instalacija Node.js
S obzirom da je TypeScript zasnovan na JavaScriptu, potreban vam je Node.js. Posetite zvaničnu web stranicu Node.js-a i preuzmite odgovarajuću verziju za vaš operativni sistem.
2. Instalacija TypeScript-a
Otvorite terminal ili komandnu liniju i unesite sledeću komandu:
npm install -g typescript
Ovo će instalirati TypeScript globalno na vašem sistemu.
3. Stvaranje novog direktorijuma za projekat
U terminalu ili komandnoj liniji, idite do lokacije gde želite da kreirate svoj TypeScript projekat. Unesite sledeću komandu da biste kreirali novi direktorijum:
mkdir typescript-projekat
4. Prelazak u novi direktorijum
Unesite sledeću komandu da biste prešli u novokreirani direktorijum:
cd typescript-projekat
5. Inicijalizacija npm projekta
Unesite sledeću komandu da biste inicijalizovali npm projekat unutar vašeg direktorijuma projekta:
npm init -y
Ovo će stvoriti package.json fajl u direktorijumu vašeg projekta.
6. Instalacija TypeScript devDependencies
Unesite sledeću komandu za instalaciju potrebnih TypeScript devDependencies za vaš projekat:
npm install --save-dev typescript @types/node
Ovo instalira TypeScript kompajler i definicije tipova za Node.js.
7. Stvaranje TypeScript fajla
Koristeći tekst editor po vašem izboru, kreirajte novi fajl pod nazivom main.ts u direktorijumu projekta. To će biti glavni TypeScript fajl.
8. Pisanje vašeg TypeScript koda
U main.ts fajlu, unesite svoj TypeScript kod. Na primer:
typescript
let ime: string = "TypeScript";
console.log(`Zdravo, ${ime}!`);
9. Kompilacija TypeScript koda
Za kompilaciju vašeg TypeScript koda u JavaScript, unesite sledeću komandu u terminalu:
tsc
Ovo će generisati main.js fajl u vašem direktorijumu projekta.
10. Pokretanje JavaScript koda
Sada možete pokrenuti JavaScript kod iz terminala koristeći:
node main.js
Ovo će ispisati „Zdravo, TypeScript!“ na konzolu.
Podešavanje TypeScript konfiguracionog fajla (tsconfig.json)
Konfiguracioni fajl tsconfig.json omogućava vam podešavanje raznih opcija TypeScript kompajlera, kao što su ciljna JavaScript verzija, sistem modula i pravila za linting. Za stvaranje tsconfig.json fajla, unesite sledeću komandu:
tsc --init
Ovo će stvoriti tsconfig.json fajl sa podrazumevanim opcijama. Te opcije možete prilagoditi vašim potrebama.
Dodatna podešavanja
Nakon što ste postavili svoj TypeScript projekat, možete ga dalje konfigurisati sledećim opcijama:
- Linter: Možete koristiti TypeScript linter, kao što je ESLint, za proveru grešaka u kodu i usklađenost sa standardima kodiranja.
- Testiranje: Okvir za testiranje, poput Jest ili Mocha, može se koristiti za testiranje vašeg TypeScript koda.
- Transpiler: Transpiler, kao što je Babel, omogućava transpilaciju vašeg TypeScript koda u starije verzije JavaScripta.
Zaključak
Postavljanje novog TypeScript projekta je jednostavan postupak koji se može obaviti za kratko vreme. Prateći korake opisane u ovom tekstu, možete kreirati, kompilirati i pokrenuti svoj TypeScript kod. Dalje podešavanje projekta omogućava vam ugradnju dodatnih funkcionalnosti i poboljšanje kvaliteta vašeg koda.
Često postavljana pitanja (FAQ)
1. Koje su prednosti korišćenja TypeScript-a?
TypeScript pruža stroge tipove, što pomaže u otkrivanju grešaka u ranim fazama, poboljšava održivost koda i omogućava sigurnije refaktorisanje.
2. Koje su razlike između JavaScript-a i TypeScript-a?
JavaScript je dinamički tipiziran, dok je TypeScript statički tipiziran. Dodatno, TypeScript podržava klase, interfejse i druge konstrukcije objektno orijentisanog programiranja.
3. Da li je TypeScript kompajler?
Da, TypeScript je kompajler koji transpilira TypeScript kod u JavaScript.
4. Koja je svrha tsconfig.json fajla?
tsconfig.json fajl omogućava konfigurisanje različitih opcija TypeScript kompajlera, kao što su ciljna JavaScript verzija, sistem modula i pravila za linting.
5. Kako mogu koristiti TypeScript linter?
Možete instalirati TypeScript linter, kao što je ESLint, i kreirati .eslintrc fajl u direktorijumu vašeg projekta za konfiguraciju pravila lintera.
6. Kako testirati svoj TypeScript kod?
Možete instalirati okvir za testiranje, kao što je Jest ili Mocha, i kreirati test fajlove za testiranje vašeg TypeScript koda.
7. Kako transpilirati TypeScript kod u starije verzije JavaScript-a?
Možete instalirati transpiler kao što je Babel i konfigurisati ga u tsconfig.json fajlu da transpilira vaš TypeScript kod u starije verzije JavaScripta.
8. Gde mogu pronaći dodatnu pomoć za TypeScript?
Dodatnu pomoć za TypeScript možete pronaći na zvaničnoj web stranici TypeScript-a, forumima zajednice i u onlajn dokumentaciji.