Добавить в корзинуПозвонить
Найти в Дзене

Установка и компиляция typescript

Мы знаем что код TS необходимо транспалировать в JavaScript для того, чтобы он поддерживался браузерами. И прежде чем перейти к изучению самого TS необходимо разобраться, как из кода TS получить код JS? Для этого существует несколько способов. Мы воспользуемся пакетом typescript из NPM: Для того, чтобы работать с NPM необходимо установить последнюю версию node.js с официального сайта nodejs.org. После этого, нужно зайти в терминал и установить глобально сам пакет typescript: npm install -g typescript Для начала давайте создадим папку с проектом, а в ней файлы index.html и app.ts. После этого в файле index.html подключим app.js. Далее зайдем в редактор кода и напишем стандартную структуру html документа, а также подключим файл app.js Чтобы проверить работоспособность давайте напишем какой-либо валидный код в файле app.ts, и запустим пакет typescript, для этого в консоле напишем tsc и название файла: tsc app.ts Мы видим, что создался файл app.js, значит у нас все получилось

Мы знаем что код TS необходимо транспалировать в JavaScript для того, чтобы он поддерживался браузерами. И прежде чем перейти к изучению самого TS необходимо разобраться, как из кода TS получить код JS?

Для этого существует несколько способов. Мы воспользуемся пакетом typescript из NPM:

Скриншот страницы пакета с сайта npmjs.com
Скриншот страницы пакета с сайта npmjs.com

Для того, чтобы работать с NPM необходимо установить последнюю версию node.js с официального сайта nodejs.org.

После этого, нужно зайти в терминал и установить глобально сам пакет typescript:

npm install -g typescript

Для начала давайте создадим папку с проектом, а в ней файлы index.html и app.ts.

После этого в файле index.html подключим app.js.

Далее зайдем в редактор кода и напишем стандартную структуру html документа, а также подключим файл app.js

Чтобы проверить работоспособность давайте напишем какой-либо валидный код в файле app.ts, и запустим пакет typescript, для этого в консоле напишем tsc и название файла:

tsc app.ts

Мы видим, что создался файл app.js, значит у нас все получилось