Переход от нуля к транспиляции вашего первого приложения на TypeScript
27 марта 2022 г.TypeScript — это надмножество JavaScript, разработанное и поддерживаемое Microsoft.
Он добавляет дополнительные возможности в JavaScript. В JavaScript проблемы могут быть обнаружены только во время выполнения, что может привести к тому, что проблемы будут переданы конечному пользователю. TypeScript устраняет эту проблему, проверяя наличие проблем во время компиляции. Это называется строгая типизация.
Следующий скрипт не вызовет никаких ошибок при использовании JavaScript, но если вы используете TypeScript, компилятор покажет ошибку.
Typescript предлагает проверку типов во время компиляции, а не во время выполнения. и это главное преимущество использования TypeScript.
Помимо строгой типизации, TypeScript представляет множество других функций, таких как Интерфейсы, Класс-миксин, *Перечисления* и другие. Мы обсудим их позже в другой статье.
Браузер не поддерживает TypeScript напрямую, поэтому его необходимо преобразовать в JavaScript. В файле конфигурации tsconfig вы можете указать, на какой целевой язык вы хотите его транспилировать.
TypeScript и JavaScript могут выполняться в одном проекте вместе. Если у вас есть проект и вы хотите перейти с JS на TS файл за файлом, это можно сделать без проблем.
Теперь давайте настроим typescript в вашей системе, чтобы вы могли писать и запускать код.
Настройка инструментов TypeScript
Установите Node.js (выше версии 10):
Перейдите по ссылке для более подробной информации. https://nodejs.org/en/
Чтобы проверить, установлен ли он, введите node -v в консоли. Он покажет вам установленную версию.
2. Установить TypeScript
Использование нпм:
```javascript
npm установить -g машинопись
Чтобы проверить, установлен ли он, введите tsc-v в консоли. Он покажет вам установленную версию.
Перейдите по этой ссылке, чтобы узнать о других вариантах https://www.typescriptlang.org/download.
3. Создайте файл с расширением .ts, например, main.ts, app.ts и т. д.
4. Теперь напишем код внутри.
5. Перенесите файл TypeScript в JavaScript.
Перейдите в консоль и запустите свой файл, он создаст соответствующий файл JavaScript для файла TS.
Теперь вы можете видеть файлы main.ts и main.js в папке вашего проекта, где main.js — это транспилированная версия файла main.ts.
Итак, мы подошли к концу базового введения и настройки TypeScript. В этой статье мы узнали о преимуществах TypeScript, о том, как он работает за кулисами, как настроить его в вашей системе, а также как написать и запустить свой первый код TypeScript.
Также опубликовано здесь
Оригинал