Водич за ТипеСцрипт: Знајте о основама ТипеСцрипт-а

ТипеСцрипт је јако откуцани суперсет који се компајлира у обичан ЈаваСцрипт. Овај језик можете користити за развој ЈаваСцрипт-а на нивоу апликације. Такође, може се извршити на било ком прегледачу, било којем хосту и било ком оперативном систему. У овом водичу за ТипеСцрипт ући ћемо у дубину ТипеСцрипт-а и разумети основе у следећем низу:

• Увод у ТипеСцрипт
• ТипеСцрипт типови
• Променљиве
• Оператори
• Лоопс
• Функције
• Жице
• Низови
• Интерфејси
• Предавања
• Предмети
• Случај употребе ТипеСцрипт-а

Увод у ТипеСцрипт

ТипеСцрипт је откуцани набор ЈаваСцрипт-а који се компајлира у обичан ЈаваСцрипт. ТипеСцрипт је чисто објектно оријентисан са класама, интерфејсима и статички откуцаним програмским језицима попут Ц # или . Потребан је компајлер за компајлирање и генерисање у ЈаваСцрипт датотеци. У основи, ТипеСцрипт је ЕС6 верзија ЈаваСцрипт-а са неким додатним функцијама.

ТипеСцрипт код је написан у датотеци са .тс екстензија а затим компајлиран у ЈаваСцрипт помоћу компајлера. Датотеку можете написати у било који уређивач кода, а преводилац мора бити инсталиран на вашој платформи. Након инсталације наредба тсц .тс компајлира ТипеСцрипт код у обичну ЈаваСцрипт датотеку.

Синтакса:

вар мессаге: стринг = 'Добродошли у Едуреку!' цонсоле.лог (порука)

При компајлирању генерише следећи ЈаваСцрипт код:

// генерисано типецрипт 1.8.10 вар мессаге = 'Добродошли у Едурека!' цонсоле.лог (порука)

Карактеристике ТипеСцрипт-а

• Више платформи: Компајлер ТипеСцрипт може се инсталирати на било који оперативни систем као што су Виндовс, МацОС и Линук.

  
  
  

• Објектно оријентисани језик : ТипеСцрипт пружа функције попут Предавања , Интерфејси и модули. Дакле, може писати објектно оријентисани код за клијентску, као и за развој на страни сервера.

• Провера статичког типа : ТипеСцрипт користи статичко куцање и помаже у провери типова у време компајлирања. Тако можете пронаћи грешке током писања кода без покретања скрипте.

• Опционално статично куцање : ТипеСцрипт такође омогућава опционално статично куцање у случају да користите динамичко куцање ЈаваСцрипт-а.

• ДОМ Манипулација : Можете користити ТипеСцрипт за манипулисање ДОМ-ом за додавање или уклањање елемената.

• ЕС 6 Карактеристике : ТипеСцрипт укључује већину карактеристика планираног ЕЦМАСцрипт 2015 (ЕС 6, 7) као што су класа, интерфејс, функције стрелица итд.

Предности употребе ТипеСцрипт-а

• ТипеСцрипт је брзо, једноставно, лако за научити и ради на било ком претраживачу или ЈаваСцрипт механизму.

• То је слично до ЈаваСцрипт и користи исту синтаксу и семантику.

• Ово помаже позадинским програмерима да пишу фронт-енд код брже .

• ТипеСцрипт код се може позвати са постојећи ЈаваСцрипт код . Такође, без проблема ради са постојећим ЈаваСцрипт оквирима и библиотекама.

• Датотека Дефиниција, са наставком .д.тс, пружа подршку за постојеће ЈаваСцрипт библиотеке попут Јкуери, Д3.јс итд. Дакле, ТипеСцрипт код може додати ЈаваСцрипт библиотеке коришћење дефиниција типова како би се искористиле предности провере типа, аутоматског довршавања кода и документације у постојећим динамички куцаним ЈаваСцрипт библиотекама.

• Обухвата карактеристике из ЕС6 и ЕС7 који могу да се покрећу у ЈаваСцрипт машинама на нивоу ЕС5 попут Ноде.јс .

Сад кад сте схватили шта је ТипеСцрипт, пређимо на овај водич за ТипеСцрипт и погледајмо различите типове.

ТипеСцрипт типови

Систем типова представља различите типове вредности које језик подржава. Проверава пуноважност од испоручених вредности пре него што их програм ускладишти или њима манипулише.

Може се класификовати у две врсте као што су:

• Уграђени : Ово укључује број, низ, логичку вредност, воид, нулл и ундефинед.
• Кориснички дефинисано : Садржи енумерације (енуме), класе, интерфејсе, низове и корпе.

Кренимо сада са овим водичем за ТипеСцрипт и схватимо више о променљивим.

Водич за ТипеСцрипт: Променљиве

Варијабла је именовани простор у меморији који се користи за чување вредности.

Синтакса типа за декларисање променљиве у ТипеСцрипт-у укључује двотачку (:) након имена променљиве, а затим и њеног типа. Слично ЈаваСцрипт-у, користимо кључна реч вар да прогласи променљиву.

Постоје четири опције када прогласимо променљиву:

вар [идентификатор]: [анотација типа] = вредност

вар [идентификатор]: [ознака типа]

вар [идентификатор] = вредност

вар [идентификовати]

Пример:

вар име: стринг = 'Даиси' вар емпид: нумбер = 1001 цонсоле.лог ('наме' + наме) цонсоле.лог ('ид запосленог' + емпид)

Приликом компајлирања генерисаће следећи ЈаваСцрипт код:

// генерише типецрипт 1.8.10 вар наме = 'Даиси' вар емпид = 1001 цонсоле.лог ('наме' + наме) цонсоле.лог ('ид запосленика:' + емпид)

Излаз:

име: Даиси
ид запосленог: 1001

Сада пређимо на следећу тему нашег водича за ТипеСцрипт.

Оператори

Оператор се користи за дефинисање функција које ће се изводити на подацима. Подаци на којима оператори раде називају се операнди. Постоје различите врсте оператора у ТипеСцрипт-у, као што су:

• Аритметички оператори
• Логички оператори
• Релациони оператори
• Битни оператори
• Оператори доделе

Аритметички оператори

Пример:

вар нум1: нумбер = 10 вар нум2: нумбер = 2 вар рес: нумбер = 0 рес = нум1 + нум2 цонсоле.лог ('Сум:' + рес) рес = нум1 - нум2 цонсоле.лог ('разлика:' + рес) рес = нум1 * нум2 цонсоле.лог ('Производ:' + рес)

Излаз:

Збир: 12
Разлика: 8
Производ: 20

Логички оператори

Пример:

вар просек: број = 20 вар проценат: број = 90 цонсоле.лог ('Вредност просека:' + просек + ', вредност процента:' + проценат) вар рес: боолеан = ((просек> 50) && (проценат> 80 )) цонсоле.лог ('(просечно> 50) && (проценат> 80):', рес)

Излаз:

Вредност просека: 20, вредност процента: 90
(просечно> 50) && (проценат> 80): нетачно

Релациони оператори

Пример:

вар нум1: нумбер = 10 вар нум2: нумбер = 7 цонсоле.лог ('Валуе оф нум1:' + нум1) цонсоле.лог ('Валуе оф нум2:' + нум2) вар рес = нум1> нум2 цонсоле.лог ('нум1 веће од нум2: '+ рес) рес = нум1
 Излаз: 
Вредност нум1: 10 
 Вредност нум2: 7 
 нум1 већи од нум2: тачно 
 нум1 мањи од нум2: нетачно
 Бит-ови оператори 
 Оператори 
 Опис 
 У битовима И (&) 
изводи логичку операцију И за сваки бит својих целобројних аргумената.
 У битовима ИЛИ (|) 
Изводи логичку операцију ИЛИ за сваки бит својих целобројних аргумената.
 Битно КСОР (^) 
Изводи ексклузивну логичку операцију ИЛИ за сваки бит својих целобројних аргумената.
 У битовима НЕ (~) 
Ово је унарни оператор и делује тако што обрће све битове у операнду.
 Лева смена (<<) 
Премешта све битове у свом првом операнду улево за број места назначених у другом операнду.
 Десни помак (>>) 
Вредност левог операнда се помера удесно за број битова који је наведен у десном операнду.
 Десни помак са нулом (>>>) 
Слично је и са оператором >>, осим што су битови померени лево увек нула.
 Пример: 
вар а: број = 2 // Бит презентација 10 вар б: нумбер = 3 // Бит презентација 11 вар резултат резултат = (а & б) цонсоле.лог ('(а & б) =>', резултат) резултат = ( а | б) цонсоле.лог ('(а | б) =>', резултат)
 Излаз: 
(а & б) => 2 
 (а | б) => 3
 Оператори доделе 
 Оператори 
 Опис 
 Једноставно додељивање (=) 
Додељује вредности из десног бочног операнда у леви бочни операнд
 Додавање и додељивање (+ =) 
Додаје десни операнд левом и додељује резултат левом операнду.
 Одузимање и додељивање (- =) 
Одузима десни операнд од левог и додељује резултат левом операнду.
 Множење и додељивање (* =) 
Множи десни операнд са левим и додељује резултат левом.
 Подјела и додјела (/ =) 
Леви операнд дели са десним и левом операнду додељује резултат.
 Пример: 
вар а: нумбер = 12 вар б: нумбер = 10 а = б цонсоле.лог ('а = б:' + а) а + = б цонсоле.лог ('а + = б:' + а) а - = б цонсоле .лог ('а- = б:' + а)
 Излаз: 
а = б: 10 
 а + = б: 20 
 а - = б: 10
То су били различити оператори. Кренимо сада са нашим водичем за ТипеСцрипт и научимо о петљама.
 Лоопс 
Могу бити ситуације када блок кода треба извршити неколико пута. А. петља Изјава нам омогућава да извршавамо изјаву или групу изјава више пута.
Петље ТипеСцрипт могу се класификовати као:
 Фор Лооп 
Тхе фор лооп је примена одређене петље.
 Синтакса: 
за (први израз други израз трећи израз) {// изрази који се извршавају више пута}
Овде се први израз извршава пре почетка петље. Други израз је услов за извршавање петље. И трећи израз се извршава након извршавања сваког блока кода.
 Пример: 
за (нека је и = 0 и<2 i++) { console.log ('Execute block statement' + i) }
 Излаз: 
Извршити блок изјаву 0 
Извршите блок наредбу 1
 Док петља 
Петља вхиле извршава упутства сваки пут када се наведени услов процијени на тачно.
 Синтакса: 
вхиле (израз услова) {// блок кода који треба извршити}
 Пример: 
нека и: број = 1 док (и<3) { console.log( 'Block statement execution no.' + i ) i++ }
 Излаз: 
Извршење блок извода бр.1 
Извршење блок извода бр.2
 До..Вхиле Лооп 
Петља до & хеллипгетхер је слична петљи вхиле, с тим што не процењује стање по први пут да се петља извршава.
 Синтакса: 
уради {// блок кода који треба извршити} вхиле (израз услова)
 Пример: 
  
нека и: нумбер = 1 уради {цонсоле.лог ('Блокирај извршавање израза бр.' + и) и ++} вхиле (и<3)
 Излаз: 
Извршење блок извода бр.1 
Извршење блок извода бр.2
Поред њих, постоје наредбе бреак анд цонтинуе у ТипеСцрипт-у које се користе у петљи.
 Бреак Статемент 
Изјава бреак користи се за преузимање контроле над конструктом. Коришћење израза бреак у петљи помаже програму у изласку из петље.
 Пример: 
вар и: број = 1 док (и<=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
 Излаз: 
Први вишекратник од 5 између 1 и 10 је: 5
 Наставите са изјавом 
Израз цонтинуе прескаче наредне изразе у тренутној итерацији и враћа контролу на почетак петље.
 Пример: 
вар нум: нумбер = 0 вар цоунт: нумбер = 0 фор (нум = 0нум<=10num++) { if (num % 2==0) { continue } count++ } console.log (' The count of odd values between 0 and 10 is: '+count)
 Излаз: 
Број непарних вредности између 0 и 10 је: 5
То су биле различите петље у ТипеСцрипт-у. Кренимо сада са нашим водичем за ТипеСцрипт и разумемо функције.
 Функције 
У ЈаваСцрипт-у, функције су један од најважнијих делова јер је то функционалан програмски језик. Функције осигуравају одржавање програма и могућност поновне употребе и организовање у читљиве блокове. Иако ТипеСцрипт пружа концепт класа и модула, функције су и даље саставни део језика.
 Именоване функције 
Именована функција користи се за декларирање и позивање функције према задатом имену.
 Пример: 
функција дисплаи () {цонсоле.лог ('ТипеСцрипт функција')} дисплаи ()
 Излаз: 
Функција ТипеСцрипт
 Анонимна функција 
Анонимна функција је она која је дефинисана као израз. Овај израз се чува у променљивој. Те функције се позивају помоћу имена променљиве у којој је функција ускладиштена.
 Пример: 
нека поздрав = функција () {цонсоле.лог ('ТипеСцрипт функција')} поздрав ()
 Излаз: 
Функција ТипеСцрипт
 Функција стрелице 
Ознаке масних стрелица користе се за анонимне функције, тј. За изразе функција. На другим језицима називају се и ламбда функцијама.
 Синтакса: 
(парам1, парам2, ..., парамН) => израз
Коришћење масне стрелице (=>) смањује потребу за употребом кључне речи „функција“. Параметри се прослеђују у угаоне заграде, а израз функције је затворен у витичасте заграде {}.
 Пример: 
нека сума = (к: број, и: број): број => {повратак к + и} сума (10, 30) // враћа 40
 Преоптерећење функције 
ТипеСцрипт пружа концепт преоптерећења функције. Дакле, можете имати више функција са истим именом, али различите врсте параметара и тип повратка.
јава пронађи највећи број на листи
 Пример: 
функција адд (а: стринг, б: стринг): стринг функција адд (а: нумбер, б: нумбер): нумбер ретурн а + б} адд ('Хелло', 'Едурека') // враћа 'Хелло Едурека' адд ( 10, 10) // враћа 20
У горњем примеру имамо исту функцију адд () са две декларације функције и једном имплементацијом функције. Први потпис има два параметра типа стринг, док други потпис има два параметра броја типа.
То су различите врсте функција. Кренимо сада са нашим водичем за ТипеСцрипт и разумемо низове у ТипеСцрипт-у.
 Водич за ТипеСцрипт: жице 
Тхе  је још један примитивни тип података који се користи за чување текстуалних података. Вредности низа окружене су једноструким наводницима или двоструким наводницима.
 Синтакса: 
вар вар_наме = нови низ (низ)
У Стринг објекту су доступна различита својства метода као што су:
 Градитељ - Враћа референцу на функцију Стринг која је креирала објекат
 Дужина - Ово враћа дужину низа
 Прототип - Ово својство вам омогућава да додате својства и методе објекту
 Пример: 
нека име = нови низ ('Добро дошли у Едурека!') цонсоле.лог ('Порука:' + име) цонсоле.лог ('Дужина:' + име.дужина)
 Излаз: 
Порука: Добродошли у Едуреку! 
 Дужина: 19
 Стринг Метходс 
Листа метода у Стринг Објекту укључује:
 Метод 
 Опис 
 цхарАт () 
Враћа знак у наведеном индексу
 цхарЦодеАт () 
Враћа број који означава Уницоде вредност карактера у датом индексу
 цонцат () 
Комбинује текст два низа и враћа нови низ
 индекс() 
Враћа индекс у позивајућем Стринг објекту првог појављивања наведене вредности
 ластИндекОф () 
Враћа индекс у позивајућем Стринг објекту последњег појављивања наведене вредности
 меч() 
Користи се за подударање регуларног израза са низом
 лоцалеЦомпаре () 
Враћа број који показује да ли референтни низ долази пре или после или је исти као дати низ у редоследу сортирања
 Претрага() 
Овим се извршава потрага за подударањем између регуларног израза и наведеног низа
 заменити() 
Користи се за проналажење подударања између регуларног израза и низа и за замену подударног подниза са новим поднизом
 слице () 
Издваја део низа и враћа нови низ
 разделити() 
Дијели објект Стринг у низ низова раздвајањем низа у поднизове
 субстр () 
Враћа знакове у низу који почиње на наведеној локацији кроз наведени број знакова
 подниз () 
Враћа знакове у низу између два индекса у низ
 тоЛоцалеЛоверЦасе () 
Знакови унутар низа претварају се у мала слова уз поштивање тренутне локације
 тоЛоцалеУпперЦасе () 
Знакови унутар низа претварају се у велика слова уз поштовање тренутне локације
 тоЛоверЦасе () 
Враћа вредност позивајућег низа претворену у мала слова
 тоУпперЦасе () 
Враћа вредност позивног низа претворену у велика слова
 тоСтринг () 
Враћа низ који представља наведени објекат
 Вредност() 
Враћа примитивну вредност наведеног објекта
 Пример: 
нека стр: стринг = 'Добродошли у Едуреку' стр.цхарАт (0) // враћа 'в' стр.цхарАт (2) // враћа 'л' 'Добродошли у Едурека'.цхарАт (2) враћа' л 'нека стр1 : стринг = 'велцоме' лет стр2: стринг = 'Едурека' стр1.цонцат (стр2) // враћа 'велцомеЕдурека' стр1.цонцат ('', стр2) // враћа 'велцоме Едурека' стр1.цонцат ('' то ' ') // враћа' добродошли у '
Сад кад знате за стрингове, идемо даље са овим туторијалом за ТипеСцрипт и разумемо низове.
 Низови у ТипеСцрипт-у 
Ан низ је посебна врста типа података која узастопно чува више вредности различитих типова података користећи посебну синтаксу. Елементи низа идентификују се јединственим целим бројем који се назива индекс или индекс елемента.
 Синтакса: 
вар име_реда [: тип података] // декларација име_написа = [вал1, вал2, валн ..] // иницијализација
 Пример: 
нека имена: Арраи намес = ['Јохн', 'Даиси', 'Рацхел'] лет идс: Арраи идс = [101, 700, 321]
 Методе низа 
Ево листе различитих метода низа које се могу користити у различите сврхе:
 Метод 
 Опис 
 филтер () 
Ствара нови низ са свим елементима овог низа за који наведена функција филтрирања враћа тачно
 сваки () 
Враћа тачно ако сваки елемент у овом низу задовољава пружену функцију тестирања
 цонцат () 
Враћа нови низ који се састоји од овог низа спојеног са другим низовима
 индекс() 
Приказује први или најмањи индекс елемента у пољу једнак наведеној вредности
 за сваки() 
Позива функцију за сваки елемент у низу
 придружити() 
Спаја све елементе низа у низ
 ластИндекОф () 
Враћа последњи или највећи индекс елемента у пољу једнак наведеној вредности
 Мапа() 
Ствара нови низ са резултатима позивања дате функције на сваком елементу у овом низу
 пусх () 
Додаје један или више елемената на крај низа и враћа нову дужину низа
 поп () 
Уклања последњи елемент из низа и враћа тај елемент
 смањи () 
Примените функцију истовремено на две вредности низа с лева на десно како бисте је смањили на једну вредност
 редуцеРигхт () 
Примените функцију истовремено на две вредности низа с десна на лево како бисте је смањили на једну вредност
 обрнуто () 
Преокреће редослед елемената низа
 смена() 
Уклања први елемент из низа и враћа тај елемент
 слице () 
Издваја одељак низа и враћа нови низ
 неки() 
Враћа тачно ако бар један елемент у овом низу задовољава пружену функцију тестирања
 врста() 
Сортира елементе низа
 тоСтринг () 
Враћа низ који представља низ и његове елементе
 спојница () 
Додаје и / или уклања елементе из низа
 унсхифт () 
Додаје један или више елемената на чело низа и враћа нову дужину низа
 Пример: 
вар име: Арраи = ['Јохн', 'Даиси', 'Тара'] наме.сорт () цонсоле.лог (наме) // оутпут: ['Даиси', 'Јохн', 'Тара'] цонсоле.лог ( наме.поп ()) // излаз: Тара наме.пусх ('Рацхел') цонсоле.лог (наме) // оутпут: ['Јохн', 'Даиси', 'Рацхел']
Кренимо сада са овим водичем за ТипеСцрипт и упознајмо се са интерфејсима.
 ТипеСцрипт интерфејси 
Интерфејс је структура која дефинише уговор у вашој апликацији. Дефинише синтаксу класа које ће следити. Садржи само изјаву чланова и одговорност је изведбене класе да дефинише чланове.
 Пример: 
интерфејс Запослени {емпИД: број емпНаме: стринг гетСалари: (број) => број // функција стрелице гетМанагерНаме (број): стринг}
У горњем примеру, Запослени интерфејс укључује два својства емпИД и емпНаме . Такође укључује декларацију методе гетСалараи користећи функција стрелице који укључује један параметар броја и тип повратка броја. Тхе гетМанагерНаме метода се декларише помоћу нормалне функције.
 ТипеСцрипт  Предавања 
ТипеСцрипт је увео класе како би могли да искористе благодати објектно оријентисаних техника попут енкапсулације и апстракције. Класа у ТипеСцрипт-у компајлира ТипеСцрипт за једноставне ЈаваСцрипт функције како би радила на различитим платформама и у прегледачима.
Предавање укључује следеће:
 Градитељ 
 Својства 
 Методе 
 Пример: 
класа Запослени {емпИД: број емпНаме: конструктор низа (ИД: број, име: стринг) {тхис.емпНаме = име тхис.емпИД = ИД} гетСалари (): број {ретурн 40000}}
 Наслеђивање 
Подржава ТипеСцрипт Наслеђивање као што је то способност програма да креира нове класе од постојеће класе. Класа која је проширена за стварање новијих класа назива се родитељска класа или супер класа. Новостворени разреди називају се подређеним или подразредима.
Класа наслеђује другу класу помоћу кључне речи ‘ектендс’. Подређене класе наслеђују сва својства и методе осим приватних чланова и конструктора из родитељске класе. Али, ТипеСцрипт не подржава вишеструко наслеђивање.
 Синтакса: 
класа име_дете_класе продужава име_разреда_класе
 Пример: 
класа Персон {име: конструктор низа (име: стринг) {тхис.наме = наме}} класа Запослени проширује Персон {емпИД: конструктор броја (емпИД: број, име: низ) {супер (име) тхис.емпИД = емпид} дисплаиНаме (): воид {цонсоле.лог ('Наме =' + тхис.наме + ', ИД запосленог =' + тхис.емпИД)}} лет емп = нев Емплоиее (701, 'Јасон') емп.дисплаиНаме () // Име = Јасон, ИД запосленог = 701
Сад кад знате за часове, кренимо даље са овим Водичем за ТипеСцрипт и научимо о Објектима.
 Објекти у ТипеСцрипт-у 
Објекат је инстанца која садржи другачији скуп парова кључ / вредност. Вредности могу бити скаларне вредности или функције или чак низ других објеката.
 Синтакса: 
вар објецт_наме = {кеи1: “валуе1”, // скаларна вредност кеи2: “валуе”, кеи3: фунцтион () {// фунцтионс}, кеи4: [“цонтент1”, “цонтент2”]
Објекат може садржати скаларне вредности, функције и структуре попут низова и корпица.
 Пример: 
вар персон = {име: 'Данни', презиме: 'Зелено'} // приступ вредностима објеката цонсоле.лог (персон.фирстнаме) цонсоле.лог (персон.ластнаме)
Након компајлирања, генерисаће исти код у ЈаваСцрипт-у.
 Излаз: 
Данни 
 Зелена
То су били различити важни елементи ТипеСцрипт-а. Кренимо сада са овим водичем за ТипеСцрипт и погледајмо пример за разумевање случаја употребе.
 Водич за ТипеСцрипт: Случај употребе 
Овде ћемо научити како претворити постојеће  у ТипеСцрипт.
Када компајлирамо датотеку ТипеСцрипт, она ствара одговарајућу ЈаваСцрипт датотеку са истим именом. Овде морамо осигурати да наша оригинална ЈаваСцрипт датотека која делује као улаз не може бити у истом директоријуму тако да их ТипеСцрипт не замени.
Процес преласка са ЈаваСцрипт-а на ТипеСцрипт укључује следеће кораке:
 1. Додајте датотеку тсцонфиг.јсон у пројекат 
У пројекат треба да додате датотеку тсцонфиг.јсон. ТипеСцрипт користи датотеку тсцонфиг.јсон за управљање опцијама компајлирања пројекта, као што су датотеке које желите да укључите и изузмете.
{'цомпилерОптионс': {'оутДир': './буилт', 'алловЈс': труе, 'таргет': 'ес5'}, 'инцлуде': ['./срц/**/*']}
 2. Интегришите са алатком за изградњу 
Већина ЈаваСцрипт пројеката има интегрисани алат за изградњу попут гулпа или вебпацк-а. Пројекте можете интегрисати у вебпацк на следеће начине:
Покрените следећу команду на терминалу:
$ нпм инсталира авесоме-типецрипт-лоадер соурце-мап-лоадер
У интеграцији вебпацк-а користите авесоме-типецрипт-лоадер у комбинацији са соурце-мап-лоадер за лакше отклањање грешака у изворном коду.
Друго, спојите својство конфигурације модула у нашу датотеку вебпацк.цонфиг.јс да бисте укључили утовариваче.
 3. Преместите све .јс датотеке у .тс датотеке 
У овом кораку морате да преименујете .јс датотеку у .тс датотеку. Слично томе, ако датотека користи ЈСКС, мораћете да је преименујете у .тск. Сада, ако отворимо ту датотеку у уређивачу који подржава ТипеСцрипт, неки од кодова ће можда почети да дају грешке при компилацији. Дакле, претварање датотека једну по једну омогућава лакше руковање грешкама компилације. Ако ТипеСцрипт током конверзије пронађе грешке у компилацији, и даље може да преведе код.
 4. Проверите да ли постоје грешке 
Након премештања јс датотеке у тс датотеку, ТипеСцрипт ће одмах започети проверу типа нашег кода. Дакле, можда ћете добити дијагностичке грешке у ЈаваСцрипт коду.
 5. Користите независне ЈаваСцрипт библиотеке 
ЈаваСцрипт пројекти користе независне библиотеке попут  или Лодасх. Да би компајлирао датотеке, ТипеСцрипт треба да зна типове свих објеката у тим библиотекама. Датотеке дефиниције ТипеСцрипт Типе-а за ЈаваСцрипт библиотеке већ су доступне на ДефинителиТипед. Дакле, нема потребе за инсталирањем овог типа споља. Треба да инсталирате само оне типове који се користе у нашем пројекту.
За јКуери можете инсталирати дефиницију:
$ нпм инсталл @ типес / јкуери
После тога, унесите промене у ЈаваСцрипт пројекат, покрените алатку за изградњу. Сада бисте требали да имате ТипеСцрипт пројекат компајлиран у обичан ЈаваСцрипт који се може покренути у прегледачу.
Овим смо дошли до краја овог водича за ТипеСцрипт. Надам се да сте разумели све важне елементе ТипеСцрипт-а.
 Погледајте     од Едуреке.  Обука за сертификацију за веб развој ће вам помоћи да научите како да креирате импресивне веб локације помоћу ХТМЛ5, ЦСС3, Твиттер Боотстрап 3, јКуери и Гоогле АПИ-ја и примените их на Амазон Симпле Стораге Сервице (С3). 
 Имате питање за нас? Молимо вас да га спомињете у одељку за коментаре „Водича за ТипеСцрипт“ и јавићемо вам се.