Вход

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

Что такое 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

17 ноября 2020 /

68 Views /

0 Comment
Ilya Web developer
Author

«Всегда пишите код так, будто сопровождать его будет склонный к насилию психопат, который знает, где вы живете.»Martin Golding

Получать уведомления о новых комментариях
Уведомлять
guest
0 комментариев
Inline Feedbacks
View all comments