Skip to main content

Установка TypeScript

Для начала работы с TypeScript необходимо установить его инструментарий. Установить TypeScript можно через пакетный менеджер NPM.

Установка Node.js​

Для установки через NPM необходимо установить Node.js (если он ранее не был установлен). Если у вас Windows, то для дальнейших действий нужен установленный менеджер пакетов Chocolatey. С помощью него установим Node.js. Если у вас MacOS, то мы используем менеджер пакетов Homebrew.

Для начала процесса установки необходимо выполнить команду:

choco install -y nodejs.install

Послу завершения установки PowerShell выдаст такой результат:

Установка TypeScript​

Чтобы установить TypeScript необходимо выполнить в Powershell комманду:

npm install -g typescript

install_success

Вполне возможно, что ранее уже был установлен TS. В этом случае его можно обновить до последней версии с помощью команды

npm update -g typescript

Для проверки версии TypeScript необходимо ввести команду

tsc -v

tsversion

Инициализация TypeScript в проекте​

Все что остается сделать так это подключить TypeScript к своему проекту. Для этого нужно создать файл с расширением .ts в папке с проектом, написать код и скомпилировать его.

Начнем с простого примера Hello World на Node.js. Создайте новую папку HelloWorld и запустите редактор кода.

Создаем директорию HelloWorld​

New-Item -ItemType "HelloWorld" -Path "c:\"
cd \HelloWorld

Создаем файл hello.ts​

New-Item -Name "hello.ts"

HelloWorld код​

В файл hello.ts вставляем следующий код:

HelloWorld/hello.ts
let message: string = 'Hello World'
console.log(message)

Здесь мы создаем переменную message и объявляем тип string.

Компиляция кода​

Чтобы скомпилировать код TypeScript в JavaScript, вы можете открыть интегрированный терминал и ввести tsc hello.ts. Это скомпилирует и создаст новый файл JavaScript helloworld.js.

Примечание

Сперва необходимо переместиться в папку с проектом. Иначе файл не будет найден. В командной строке перемещение по папкам происходит при помощи команды cd.

tsc hello.ts

Компилятор создаст файл с расширением .js.

Проверяем компиляцию:

node hello.js
Примечание

После каждого изменения необходимо производить компиляцию или же воспользоваться инструментом Nodemon

В результате мы видем строку Hello World.

Вопросы​

Question

Какой коммандой компилируется проект на TypeScript?

  1. tsc
  2. tsc -v
  3. typescript

Какой коммандой устанавливается TypeScript?

  1. install typescript
  2. npm install -g typescript
  3. choco install -y nodejs.install

Компилятор ts создает файл с расширением?

  1. .ts
  2. .js
  3. .jsx

Ссылки:​

  1. TypeScript.org
  2. Metanit

Contributors ✨​

Thanks goes to these wonderful people (emoji key):


Philipp Dvinyaninov

Dmitriy Vasilev
💵

EnglishMoji!