Vadnica za TypeScript: Spoznajte osnove TypeScript-a

TypeScript je močno natipkan nabor datotek ki se prevede v navaden JavaScript. Ta jezik lahko uporabite za razvoj JavaScript na ravni aplikacije. Izvede se lahko tudi v katerem koli brskalniku, katerem koli gostitelju in katerem koli operacijskem sistemu. V tej vadnici za TypeScript se bomo poglobili v globino Typescripta in razumeli osnove v naslednjem zaporedju:

• Uvod v TypeScript
• Vrste TypeScript
• Spremenljivke
• Operaterji
• Zanke
• Funkcije
• Strune
• Polja
• Vmesniki
• Predavanja
• Predmeti
• Primer uporabe TypeScript

Uvod v TypeScript

TypeScript je tipkani nabor JavaScript, ki se prevede v navaden JavaScript. TypeScript je čisto objektno usmerjen z razredi, vmesniki in statično natipkanimi programskimi jeziki, kot je C # ali . Za prevajanje in ustvarjanje v datoteki JavaScript je potreben prevajalnik. V bistvu je TypeScript različica JavaScripta ES6 z nekaterimi dodatnimi funkcijami.

Koda TypeScript je zapisana v datoteki z .ts razširitev in nato z uporabo prevajalnika prevede v JavaScript. Datoteko lahko napišete v kateri koli urejevalnik kode in prevajalnik mora biti nameščen na vaši platformi. Po namestitvi ukaz tsc .ts prevede kodo TypeScript v navadno datoteko JavaScript.

Sintaksa:

sporočilo var: string = 'Dobrodošli v Edureki!' console.log (sporočilo)

Ob prevajanju ustvari naslednjo kodo JavaScript:

// Ustvari tipkopis 1.8.10 var message = 'Dobrodošli v Edureki!' console.log (sporočilo)

Značilnosti TypeScript

• Med platformami: Prevajalnik TypeScript je mogoče namestiti v kateri koli operacijski sistem, kot so Windows, MacOS in Linux.

  
  
  

• Objektno usmerjen jezik : TypeScript ponuja funkcije, kot so Predavanja , Vmesniki in moduli. Tako lahko piše objektno usmerjeno kodo tako za odjemalski kot za strežniški razvoj.

• Statično preverjanje tipa : TypeScript uporablja statično tipkanje in pomaga pri preverjanju tipa pri prevajanju. Tako lahko med pisanjem kode najdete napake, ne da bi zagnali skript.

• Izbirno statično tipkanje : TypeScript omogoča tudi neobvezno statično tipkanje, če uporabljate dinamično tipkanje JavaScript.

• DOM manipulacija : TypeScript lahko uporabite za manipulacijo DOM-a za dodajanje ali odstranjevanje elementov.

• ES 6 Značilnosti : TypeScript vključuje večino funkcij načrtovanega ECMAScript 2015 (ES 6, 7), kot so razred, vmesnik, funkcije puščic itd.

Prednosti uporabe TypeScript

• TypeScript je hitro, preprosto, enostavno za učenje in deluje v katerem koli brskalniku ali mehanizmu JavaScript.

• je podobno do JavaScript in uporablja enako skladnjo in semantiko.

• To razvijalcem zalednih računalnikov pomaga pisati front-end kodo hitreje .

• Kodo TypeScript lahko pokličete iz obstoječa koda JavaScript . Prav tako brez težav deluje z obstoječimi okviri in knjižnicami JavaScript.

• Datoteka Definition s pripono .d.ts ponuja podporo obstoječim knjižnicam JavaScript, kot je Jquery, D3.js itd. Torej lahko dodate kodo TypeScript Knjižnice JavaScript z uporabo definicij tipov izkoristite prednosti preverjanja tipa, samodokončanja kode in dokumentacije v obstoječih dinamično tipkanih knjižnicah JavaScript.

• Vključuje funkcije iz ES6 in ES7 ki se lahko izvajajo v mehanizmih JavaScript na ravni ES5, kot je Node.js .

Zdaj, ko ste razumeli, kaj je TypeScript, nadaljujmo s tem tutorialom za TypeScript in si oglejmo različne vrste.

Vrste TypeScript

Sistem tipov predstavlja različne vrste vrednosti, ki jih podpira jezik. Preveri veljavnost dobavljenega vrednote preden jih program shrani ali z njimi manipulira.

Razvrstimo ga lahko v dve vrsti, kot so:

• Vgrajen : To vključuje število, niz, logično vrednost, void, nič in nedefinirano.
• Uporabnik definiran : Vključuje enumeracije (enume), razrede, vmesnike, polja in tuple.

Zdaj pa nadaljujmo s tem Vodičem za TypeScript in razumemo več o spremenljivkah.

Vadnica za TypeScript: Spremenljivke

Spremenljivka je imenovani prostor v pomnilniku, ki se uporablja za shranjevanje vrednosti.

Sintaksa tipa za razglasitev spremenljivke v Typecriptu vključuje dvopičje (:) za imenom spremenljivke, čemur sledi njen tip. Podobno kot JavaScript uporabljamo ključna beseda var za razglasitev spremenljivke.

Ko razglasimo spremenljivko, obstajajo štiri možnosti:

var [identifikator]: [pripis tipa] = vrednost

var [identifikator]: [pripis tipa]

var [identifikator] = vrednost

var [prepoznaj]

Primer:

ime var: string = 'Daisy' var empid: število = 1001 console.log ('ime' + ime) console.log ('id zaposlenega' + empid)

Ob prevajanju bo ustvaril naslednjo kodo JavaScript:

// Ustvari ga tipkopis 1.8.10 var name = 'Daisy' var empid = 1001 console.log ('name' + name) console.log ('id zaposlenega:' + empid)

Izhod:

ime: Marjetica
ID zaposlenega: 1001

Zdaj pa pojdimo na naslednjo temo našega vadnice TypeScript.

Operaterji

Operator se uporablja za določanje funkcij, ki se bodo izvajale na podatkih. Podatki, na katerih delujejo operaterji, se imenujejo operandi. Obstajajo različne vrste operaterji v TypeScript, kot so:

• Aritmetični operatorji
• Logični operaterji
• Relacijski operaterji
• Bitni operaterji
• Operatorji dodeljevanja

Aritmetični operaterji

Primer:

var num1: number = 10 var num2: number = 2 var res: number = 0 res = num1 + num2 console.log ('Sum:' + res) res = num1 - num2 console.log ('Razlika:' + res) res = num1 * num2 console.log ('Izdelek:' + res)

Izhod:

Vsota: 12.
Razlika: 8
Izdelek: 20

Logični operaterji

Primer:

var povprečje: število = 20 odstotek var: število = 90 console.log ('Vrednost povprečja:' + povprečje + ', vrednost odstotka:' + odstotek) var res: boolean = ((povprečje> 50) && (odstotek> 80 )) console.log ('(povprečno> 50) && (odstotek> 80):', res)

Izhod:

Vrednost povprečja: 20, vrednost odstotka: 90
(povprečno> 50) && (odstotek> 80): napačno

Relacijski operaterji

Primer:

var num1: number = 10 var num2: number = 7 console.log ('Value of num1:' + num1) console.log ('Value of num2:' + num2) var res = num1> num2 console.log ('num1 večje od num2: '+ res) res = num1
 Izhod: 
Vrednost num1: 10 
 Vrednost num2: 7 
 num1 večji od num2: true 
 num1 manj kot num2: false
 Bitni operaterji 
 Operaterji 
 Opis 
 Bitovno IN (&) 
izvede logično operacijo AND za vsak bit svojih celoštevilskih argumentov.
 Bitovno ALI (|) 
Izvede logično operacijo ALI za vsak bit svojih celoštevilskih argumentov.
 Bitno XOR (^) 
Izvede logično operacijo ALI za vsak bit svojih celoštevilčnih argumentov.
 Bit-bit NOT (~) 
To je unarni operator in deluje tako, da obrne vse bite v operandu.
 Levi shift (<<) 
Vse bite v svojem prvem operandu premakne v levo za število mest, določenih v drugem operandu.
 Desni premik (>>) 
Vrednost levega operanda se premakne desno za število bitov, ki jih določi desni operand.
 Desni premik z ničlo (>>>) 
Podobno je operaterju >>, le da so bitji, premaknjeni levo, vedno nič.
 Primer: 
var a: number = 2 // bitna predstavitev 10 var b: number = 3 // bitna predstavitev 11 var rezultat rezultat = (a & b) console.log ('(a & b) =>', rezultat) rezultat = ( a | b) console.log ('(a | b) =>', rezultat)
 Izhod: 
(a & b) => 2 
 (a | b) => 3
 Operatorji dodelitve 
 Operaterji 
 Opis 
 Preprosta dodelitev (=) 
Vrednosti dodelijo desnemu operandu levemu operandu
 Dodaj in dodeli (+ =) 
Levemu operandu doda desni, levemu pa rezultat.
 Odštevanje in dodelitev (- =) 
Od levega odšteje desni operand, levemu pa dodeli rezultat.
 Pomnožite in dodelite (* =) 
Desni operand pomnoži z levim in rezultat dodeli levemu.
 Delitev in dodelitev (/ =) 
Levi operand deli z desnim in rezultat dodeli levemu.
 Primer: 
var a: število = 12 var b: število = 10 a = b console.log ('a = b:' + a) a + = b console.log ('a + = b:' + a) a - = b console .log ('a- = b:' + a)
 Izhod: 
a = b: 10 
 a + = b: 20 
 a - = b: 10
To so bili različni operaterji. Zdaj pa nadaljujmo z našo vadnico TypeScript in spoznajmo zanke.
 Zanke 
V nekaterih primerih je treba blok kode izvesti večkrat. A zanko Stavek nam omogoča, da večkrat izvedemo stavek ali skupino stavkov.
Zanke TypeScript lahko razvrstimo kot:
 Za Loop 
The za zanko je izvedba določene zanke.
 Sintaksa: 
za (prvi izraz drugi izraz tretji izraz) {// stavke, ki jih je treba večkrat izvajati}
Tu se prvi izraz izvede pred zagonom zanke. Drugi izraz je pogoj za izvedbo zanke. In tretji izraz se izvede po izvedbi vsakega bloka kode.
 Primer: 
za (naj je i = 0 i<2 i++) { console.log ('Execute block statement' + i) }
 Izhod: 
Izvedite blokovni stavek 0 
Izvedite blokovni stavek 1
 Medtem ko Loop 
Zanka while izvede navodila vsakič, ko podani pogoj oceni na true.
 Sintaksa: 
while (izraz pogoja) {// blok kode, ki ga je treba izvesti}
 Primer: 
naj i: število = 1, medtem ko (i<3) { console.log( 'Block statement execution no.' + i ) i++ }
 Izhod: 
Izvedba blokovnega stavka št 
Izvedba blokovnega stavka št
 Pa..Medtem Loop 
Zanka do & hellipgether je podobna zanki while, le da ne oceni stanja prvič, ko se zanka izvede.
 Sintaksa: 
do {// blok kode, ki ga je treba izvesti} while (izraz pogoja)
 Primer: 
  
naj i: številka = 1 naredi {console.log ('Block statement statement no.' + i) i ++} while (i<3)
 Izhod: 
Izvedba blokovnega stavka št 
Izvedba blokovnega stavka št
Poleg teh obstajajo stavki break in continue v Typecriptu, ki se uporabljajo v zanki.
 Izjava o prelomu 
Stavek break se uporablja za prevzem nadzora nad konstruktom. Uporaba stavka break v zanki pomaga programu pri izhodu iz zanke.
 Primer: 
var i: število = 1, medtem ko (i<=10) { if (i % 5 == 0) { console.log ('The first multiple of 5 between 1 and 10 is : '+i) break //exit the loop if the first multiple is found } i++ } //outputs 5 and exits the loop
 Izhod: 
Prvi večkratnik 5 med 1 in 10 je: 5
 Nadaljuj z izjavo 
Stavek continue preskoči nadaljnje stavke v trenutni iteraciji in nadzor prevzame nazaj na začetek zanke.
 Primer: 
var num: number = 0 var count: number = 0 for (num = 0num<=10num++) { if (num % 2==0) { continue } count++ } console.log (' The count of odd values between 0 and 10 is: '+count)
 Izhod: 
Število lihih vrednosti med 0 in 10 je: 5
To so bile različne zanke v TypeScript-u. Zdaj pa nadaljujmo z našo vadnico TypeScript in razumemo funkcije.
 Funkcije 
V JavaScript funkcije so eden najpomembnejših delov, saj gre za funkcijski programski jezik. Funkcije zagotavljajo, da je program mogoče vzdrževati in ponovno uporabiti ter organizirati v berljive bloke. Čeprav TypeScript ponuja koncept razredov in modulov, so funkcije še vedno sestavni del jezika.
 Poimenovane funkcije 
Imenovana funkcija se uporablja za deklariranje in klicanje funkcije z njenim imenom.
 Primer: 
display display () {console.log ('Funkcija TypeScript')} display ()
 Izhod: 
Funkcija TypeScript
 Anonimna funkcija 
Anonimna funkcija je tista, ki je definirana kot izraz. Ta izraz je shranjen v spremenljivki. Te funkcije se prikličejo z imenom spremenljivke, v katerem je funkcija shranjena.
 Primer: 
naj pozdrav = funkcija () {console.log ('Funkcija TypeScript')} pozdrav ()
 Izhod: 
Funkcija TypeScript
 Funkcija puščice 
Zapisi anonimnih puščic se uporabljajo za anonimne funkcije, tj. Za izraze funkcij. V drugih jezikih jih imenujemo tudi lambda funkcije.
 Sintaksa: 
(param1, param2, ..., paramN) => izraz
Uporaba puščice z maščobo (=>) odpravi potrebo po uporabi ključne besede 'function'. Parametri se posredujejo v kotnih oklepajih, izraz funkcije pa je zaprt v zavite oklepaje {}.
 Primer: 
naj vsota = (x: število, y: število): število => {vrne x + y} vsota (10, 30) // vrne 40
 Preobremenitev funkcije 
TypeScript ponuja koncept preobremenitve funkcije. Tako lahko imate več funkcij z istim imenom, vendar različne vrste parametrov in vrsto vrnitve.
 Primer: 
funkcija add (a: string, b: string): string function add (a: number, b: number): number return a + b} add ('Hello', 'Edureka') // vrne 'Hello Edureka' add ( 10, 10) // vrne 20
V zgornjem primeru imamo isto funkcijo add () z dvema izjavama funkcij in eno izvedbo funkcije. Prvi podpis ima dva parametra tipa string, drugi podpis pa ima dva parametra številke tipa.
To so različne vrste funkcij. Zdaj pa nadaljujmo z našo vadnico TypeScript in razumemo nize v TypeScriptu.
 Vadnica za TypeScript: Strune 
The  je druga primitivna vrsta podatkov, ki se uporablja za shranjevanje besedilnih podatkov. Vrednosti nizov so obdane z enojnimi narekovaji ali dvojnimi narekovaji.
 Sintaksa: 
var var_name = nov niz (niz)
V objektu String so na voljo različne lastnosti metod, kot so:
 Graditelj - Vrne sklic na funkcijo String, ki je ustvarila objekt
 Dolžina - To vrne dolžino niza
 Prototip - Ta lastnost vam omogoča, da predmetu dodate lastnosti in metode
 Primer: 
naj ime = nov niz ('Dobrodošli v Edureki!') console.log ('Sporočilo:' + ime) console.log ('Dolžina:' + ime.dolžina)
 Izhod: 
Sporočilo: Dobrodošli v Edureki! 
 Dolžina: 19
 Nizne metode 
Seznam metod v String Object vključuje:
 Metoda 
 Opis 
 charAt () 
Vrne znak v določenem indeksu
 charCodeAt () 
Vrne številko, ki označuje vrednost Unicode znaka pri danem indeksu
 concat () 
Združi besedilo dveh nizov in vrne novega niza
 indeks() 
Vrne indeks v klicnem predmetu String prvega pojava podane vrednosti
 lastIndexOf () 
Vrne indeks v klicnem predmetu String zadnjega pojava podane vrednosti
 ujemanje () 
Uporablja se za ujemanje regularnega izraza z nizom
 localeCompare () 
Vrne številko, ki označuje, ali je referenčni niz pred ali za ali enak danemu nizu v vrstnem redu razvrščanja
 Iskanje() 
S tem se izvede iskanje ujemanja med regularnim izrazom in navedenim nizom
 zamenjati() 
Uporablja se za iskanje ujemanja med regularnim izrazom in nizom ter za nadomestitev ujemajočega se podniz z novim podnizom
 rezina () 
Izvleče del niza in vrne novega niza
 razdeli () 
Razdeli objekt String v niz nizov z ločevanjem niza v podnize
 podstr () 
Vrne znake v nizu, ki se začne na določenem mestu skozi določeno število znakov
 podniz () 
V niz vrne znake v nizu med dvema indeksoma
 toLocaleLowerCase () 
Znaki v nizu se pretvorijo v male črke ob spoštovanju trenutne področne nastavitve
 toLocaleUpperCase () 
Znaki v nizu se pretvorijo v velike črke, pri čemer se upošteva trenutni jezik
 toLowerCase () 
Vrne vrednost klicnega niza, pretvorjeno v male črke
 toUpperCase () 
Vrne vrednost klicnega niza, pretvorjeno v velike črke
 toString () 
Vrne niz, ki predstavlja navedeni objekt
 valueOf () 
Vrne primitivno vrednost podanega predmeta
 Primer: 
naj str: string = 'Dobrodošli v Edureki' str.charAt (0) // vrne 'w' str.charAt (2) // vrne 'l' 'Dobrodošli v Edureki'.charAt (2) vrne' l 'pusti str1 : string = 'welcome' let str2: string = 'Edureka' str1.concat (str2) // vrne 'welcomeEdureka' str1.concat ('', str2) // vrne 'welcome Edureka' str1.concat ('' to ' ') // vrne' dobrodošli v '
Zdaj, ko veste za nize, nadaljujmo s to vadnico TypeScript in razumemo polja.
 Polja v TypeScript 
An matriko je posebna vrsta podatkovnega tipa, ki zaporedno shrani več vrednosti različnih podatkovnih vrst z uporabo posebne sintakse. Elementi matrike se identificirajo z enoličnim celim številom, imenovanim podpis ali element indeksa.
 Sintaksa: 
var array_name [: datatype] // izjava array_name = [val1, val2, valn ..] // inicializacija
 Primer: 
naj imena: Polja imen = ['John', 'Daisy', 'Rachel'] let ids: Polja id = [101, 700, 321]
 Metode matrike 
Tu je seznam različnih metod Array, ki jih lahko uporabimo za različne namene:
 Metoda 
 Opis 
 filter () 
Ustvari novo matriko z vsemi elementi te matrike, za katere podana funkcija filtriranja vrne true
 vsak () 
Vrne true, če vsak element v tej matriki izpolnjuje zagotovljeno funkcijo testiranja
 concat () 
Vrne novo matriko, ki jo sestavlja ta matrika, združena z drugimi matrikami
 indeks() 
Vrne prvi ali najmanjši indeks elementa v matriki, ki je enak določeni vrednosti
 za vsakogar() 
Pokliče funkcijo za vsak element v matriki
 pridruži se () 
Združi vse elemente polja v niz
kaj je rmi v javi
 lastIndexOf () 
Vrne zadnji ali največji indeks elementa v matriki, ki je enak določeni vrednosti
 zemljevid() 
Ustvari novo matriko z rezultati klica določene funkcije za vsak element v tej matriki
 push () 
Na konec polja doda enega ali več elementov in vrne novo dolžino polja
 pop () 
Odstrani zadnji element iz polja in ga vrne
 zmanjšanje () 
Funkcijo hkrati uporabite za dve vrednosti matrike od leve proti desni, da jo zmanjšate na eno vrednost
 reduceRight () 
Funkcijo hkrati uporabite za dve vrednosti matrike od desne proti levi, da jo zmanjšate na eno vrednost
 vzvratno () 
Obrne vrstni red elementov polja
 shift () 
Odstrani prvi element iz polja in ga vrne
 rezina () 
Izvleče del matrike in vrne novo matriko
 nekaj () 
Vrne true, če vsaj en element v tej matriki izpolnjuje zagotovljeno preskusno funkcijo
 razvrsti () 
Razvrsti elemente polja
 toString () 
Vrne niz, ki predstavlja matriko in njene elemente
 spajanje () 
Dodaja in / ali odstranjuje elemente iz polja
 premik () 
Na sprednji del matrike doda enega ali več elementov in vrne novo dolžino polja
 Primer: 
ime var: Array = ['John', 'Daisy', 'Tara'] name.sort () console.log (name) // output: ['Daisy', 'John', 'Tara'] console.log ( name.pop ()) // izhod: Tara name.push ('Rachel') console.log (name) // output: ['John', 'Daisy', 'Rachel']
Zdaj pa nadaljujmo s tem Vadnikom za TypeScript in spoznajmo vmesnike.
 TypeScript vmesniki 
Vmesnik je struktura, ki definira pogodbo v vaši prijavi. Določa sintakso razredov, ki jim sledijo. Vsebuje samo izjavo članov in izpeljani razred je odgovoren za opredelitev članov.
 Primer: 
vmesnik Zaposleni {empID: število empName: niz getSalary: (število) => število // puščica funkcija getManagerName (število): string}
V zgornjem primeru je Zaposleni vmesnik vključuje dve lastnosti empID in empName . Vključuje tudi izjavo o metodi getSalaray z uporabo puščična funkcija ki vključuje en parameter številke in vrsto vrnitve številke. The getManagerName metoda je deklarirana z normalno funkcijo.
 TypeScript  Predavanja 
TypeScript je uvedel razrede, da lahko izkoristijo prednosti objektno usmerjenih tehnik, kot sta kapsulacija in abstrakcija. Razred v TypeScriptu prevajalnik TypeScript prevede v navadne funkcije JavaScript, da deluje na različnih platformah in brskalnikih.
Predavanje vključuje naslednje:
 Graditelj 
 Lastnosti 
 Metode 
 Primer: 
razred Zaposlen {empID: število empName: konstruktor nizov (ID: število, ime: niz) {this.empName = ime this.empID = ID} getSalary (): število {vrni 40000}}
 Dedovanje 
Podpira TypeScript Dedovanje saj gre za sposobnost programa, da iz obstoječega razreda ustvari nove razrede. Razred, ki je razširjen za ustvarjanje novejših razredov, se imenuje nadrejeni razred ali super razred. Novo ustvarjeni razredi se imenujejo podrejeni ali podrazredi.
Razred podeduje drug razred z uporabo ključne besede ‘extends’. Podrejeni razredi podedujejo vse lastnosti in metode, razen zasebnih članov in konstruktorjev iz nadrejenega razreda. Toda TypeScript ne podpira večkratnega dedovanja.
 Sintaksa: 
razred otrok_razred_ime razširi ime_razreda_razreda
 Primer: 
class Person {ime: konstruktor nizov (ime: niz) {this.name = name}} class Zaposleni razširi Person {empID: konstruktor števil (empID: število, ime: niz) {super (ime) this.empID = empid} displayName (): void {console.log ('Name =' + this.name + ', ID zaposlenega =' + this.empID)}} let emp = new Employee (701, 'Jason') emp.displayName () // Ime = Jason, ID zaposlenega = 701
Zdaj, ko veste za razrede, nadaljujmo s tem vadnikom TypeScript in spoznajmo Objekte.
 Predmeti v TypeScript-u 
Predmet je primerek, ki vsebuje drugačen nabor parov ključ-vrednost. Vrednosti so lahko skalarne vrednosti ali funkcije ali celo vrsta drugih predmetov.
 Sintaksa: 
var object_name = {key1: “value1”, // skalarna vrednost key2: “value”, key3: function () {// functions}, key4: [“content1”, “content2”]
Predmet lahko vsebuje skalarne vrednosti, funkcije in strukture, kot so nizi in nabori.
 Primer: 
var person = {ime: 'Danny', priimek: 'Green'} // dostop do vrednosti predmeta console.log (person.firstname) console.log (person.lastname)
Ob prevajanju bo ustvaril isto kodo v JavaScript.
 Izhod: 
Danny 
 Zelena
To so bili različni pomembni elementi Typescripta. Zdaj pa nadaljujmo s tem Vodičem za TypeScript in si oglejmo primer za razumevanje primera uporabe.
 Vadnica za TypeScript: Primer uporabe 
Tu se bomo naučili pretvoriti obstoječe  v TypeScript.
Ko prevedemo datoteko TypeScript, ta ustvari ustrezno datoteko JavaScript z istim imenom. Tu moramo zagotoviti, da naša izvirna datoteka JavaScript, ki deluje kot vhod, ne more biti v istem imeniku, tako da jih TypeScript ne preglasi.
Postopek selitve iz JavaScript v TypeScript vključuje naslednje korake:
 1. Dodajte datoteko tsconfig.json v projekt 
V projekt morate dodati datoteko tsconfig.json. TypeScript uporablja datoteko tsconfig.json za upravljanje možnosti prevajanja projekta, na primer datoteke, ki jih želite vključiti in izključiti.
{'compilerOptions': {'outDir': './built', 'allowJs': true, 'target': 'es5'}, 'include': ['./src/**/*']}
 2. Integrirajte z orodjem za gradnjo 
Večina projektov JavaScript ima integrirano orodje za gradnjo, kot sta gulp ali webpack. Projekte lahko s spletnim paketom integrirate na naslednje načine:
Na terminalu zaženite naslednji ukaz:
$ npm namesti awesome-typecript-loader source-map-loader
Pri integraciji spletnega paketa uporabljate awesome-typecript-loader v kombinaciji z source-map-loader za lažje odpravljanje napak izvorne kode.
Drugič, združite lastnost konfiguracije modula v naši datoteki webpack.config.js, da vključite nalagalnike.
 3. Premaknite vse datoteke .js v datoteke .ts 
V tem koraku morate datoteko .js preimenovati v datoteko .ts. Če datoteka uporablja JSX, jo boste morali preimenovati v .tsx. Če zdaj odpremo to datoteko v urejevalniku, ki podpira TypeScript, lahko nekatere kode začnejo ustvarjati napake pri prevajanju. Torej pretvorba datotek ena za drugo omogoča lažje obvladovanje napak pri prevajanju. Če TypeScript med pretvorbo najde napake pri prevajanju, še vedno lahko prevede kodo.
 4. Preverite, ali so napake 
Ko datoteko js premaknete v datoteko ts, bo TypeScript takoj začel preverjati vrsto naše kode. Torej, v kodi JavaScript lahko dobite diagnostične napake.
 5. Uporabite neodvisne knjižnice JavaScript 
Projekti JavaScript uporabljajo neodvisne knjižnice, kot so  ali Lodash. Za sestavljanje datotek mora TypeScript poznati vrste vseh predmetov v teh knjižnicah. Datoteke z definicijo TypeScript za knjižnice JavaScript so že na voljo na DefinitelyTyped. Torej, te vrste ni treba namestiti zunaj. Namestiti morate samo tiste vrste, ki so uporabljene v našem projektu.
Za jQuery lahko namestite definicijo:
$ npm install @ types / jquery
Po tem spremenite projekt JavaScript in zaženite orodje za gradnjo. Zdaj bi morali imeti projekt TypeScript zbran v navaden JavaScript, ki ga lahko zaženete v brskalniku.
S tem smo prišli do konca te vaje za TypeScript. Upam, da ste razumeli vse pomembne elemente Typecripta.
 Oglejte si     avtor Edureka.  Izobraževanje za certificiranje spletnega razvoja vam bo pomagalo Naučiti se ustvariti impresivna spletna mesta z uporabo API-jev HTML5, CSS3, Twitter Bootstrap 3, jQuery in Google ter jih namestiti v Amazon Simple Storage Service (S3). 
 Imate vprašanje za nas? Prosimo, navedite ga v oddelku za komentarje v 'Vadnici za TypeScript' in se vam bomo javili.