Что такое TypeScript. Подготовка к работе

При разработке крупных и средних приложений становятся очевидными недостатки javascript, одним из которых является отсутствие строгой типизации. Как раз чтобы нивелировать недостатки javascript компания microsoft разработала typescript. В данной статье мы разберём как работать с typescript и какие возможности он нам открывает.

Браузер не «понимает» такого языка как typescript, поэтому необходимо скомпилировать его в привычный для браузера js. Причём мы можем указать в каком стандарте будет итоговый код, указав соответствующую настройку при компиляции.

Как работать с typescript

Установка TypeScript

1

npm i -g typescript

Обновление TypeScript

1

npm update -g typescript

Проверка установленной версии

1

tsc -v

Компиляция файла 1.js

1

tsc  1.ts

Автоматическая компиляция

1

tsc -w 1.ts

Создание каталога для компиляции

1

tsc --outDir D:\js 1.ts

Объединение файлов

1

tsc --outFile result.js 1.ts 2.ts

Компиляция в соответствии с стандартом (ES5, ES6, ES2015, ES2016, ES2017)

1

tsc 1.ts -t ES5

Удаление комментариев

1

tsc 1.ts --removeComments

Файл конфигурации tsconfig.json

Данный файл содержит настройки проекта

Пример:

1
2
3
4
5
6
7
8
9
10

{
  "compilerOptions": {
    "target": "es5",
    "removeComments": true,
    "sourceMap": true,
    "outFile": "js/main.js"
  },
  "files": ["app.ts", "interfaces.ts", "classes.ts"],
  "exclude": ["wwwroot", "node_modules"]
}

outFile — путь до скомпилированного js файла и его имя
files — задание файлов для компиляции
exclude — исключает из компиляции файлы и каталоги

Чтобы скомпилировать проект подаём команду tsc без указания имени файла

Можно использовать сборщики проекта (например gulp), установив пакет для typescript