В этом руководстве разберем, как настроить среду разработки TypeScript. Следующие инструменты необходимо настроить, чтобы начать работу с TypeScript:
- Node.js — Node.js — это среда, в которой вы будете запускать компилятор TypeScript. Обратите внимание, что вам не нужно знать node.js.
- Компилятор TypeScript — модуль Node.js, который компилирует TypeScript в JavaScript. Если вы используете JavaScript для node.js, вы можете установить модуль
ts-node. Это исполнение TypeScript и REPL для node.js. - Visual Studio Code или VS code — это редактор кода, поддерживающий TypeScript. VS Code настоятельно рекомендуется. Однако вы можете использовать свой любимый редактор.
Если вы используете VS Code, вы можете установить следующее расширение, чтобы ускорить процесс разработки:
- Live Server — позволяет запустить локальный сервер разработки с функцией горячей перезагрузки.
Установка Node.js
Чтобы установить node.js, выполните следующие действия:
- Перейдите на страницу https://nodejs.org/en/download/.
- Загрузите версию node.js, подходящую для вашей платформы Windows, macOS или Linux.
- Запустите загруженный пакет node.js или исполняемый файл. Установка довольно проста.
- Проверьте установку, открыв терминал в macOS и Linux или командную строку в Windows и введите команду
node -v. Если вы видите загруженную версию, значит, вы успешно установили node.js на свой компьютер.
Установка компилятора TypeScript
Чтобы установить компилятор TypeScript, вы запускаете терминал в macOS или Linux и командную строку в Windows и вводите следующую команду:
npm install -g typescript
После установки вы можете ввести следующую команду, чтобы проверить текущую версию компилятора TypeScript:
tsc --v
Он должен вернуть версию следующим образом:
Version 4.0.2
Обратите внимание, что ваша версия, вероятно, новее этой версии.
Если вы используете Windows и получили следующую ошибку:
'tsc' is not recognized as an internal or external command, operable program or batch file.
… то вы должны добавить следующий путь C:Users<user>AppDataRoamingnpm в переменную PATH . Обратите внимание, что вы должны изменить <user> на своего пользователя Windows.
Чтобы установить модуль ts-node глобально, выполните следующую команду из Терминала в macOS и Linux или из командной строки в Windows:
npm install -g ts-node
Установка VS-Code
Чтобы установить VS Code, выполните следующие действия:
- Перейдите на страницу https://code.visualstudio.com/download.
- Загрузите последнюю версию VS Code, подходящую для вашей ОС (Windows, macOS или Linux).
- Запустите загруженный пакет или установочный файл, чтобы запустить мастер установки. Процесс установки также довольно прост.
- Запустите код VS.
Вы увидите код VS, как показано на следующем рисунке:
Чтобы установить расширение Live Server , выполните следующие действия:
- Перейдите на вкладку «Расширения», чтобы найти расширения для VS Code.
- Введите live server, чтобы найти его.
- Нажмите кнопку «Установить», чтобы установить расширение.