Введение, настройка и запуск вашего первого кода TypeScript
TypeScript — это надмножество JavaScript, разработанное и поддерживаемое Microsoft.
Он добавляет дополнительные возможности в JavaScript. В JavaScript проблемы могут быть обнаружены только во время выполнения, что может привести к тому, что проблемы будут переданы конечному пользователю. TypeScript устраняет эту проблему, проверяя наличие проблем во время компиляции. Это называется строгая типизация.
Следующий скрипт не вызовет никаких ошибок при использовании JavaScript, но если вы используете TypeScript, компилятор покажет ошибку.
Typescript предлагает проверку типов во время компиляции, а не во время выполнения. и это основное преимущество использования TypeScript.
Помимо строгой типизации, TypeScript представляет множество других функций, таких как Интерфейсы, Класс-миксин, Перечисления и другие. Мы обсудим их позже в другой статье.
Браузер не поддерживает TypeScript напрямую, поэтому его необходимо преобразовать в JavaScript. В файле конфигурации tsconfig вы можете указать, на какой целевой язык вы хотите его транспилировать.
TypeScript и JavaScript могут работать в одном проекте вместе. Если у вас есть проект и вы хотите перейти с JS на TS файл за файлом, это можно сделать без проблем.
Теперь давайте настроим typescript в вашей системе, чтобы вы могли писать и запускать код.
Настройка инструментов TypeScript
- Установите Node.js (выше версии 10). Перейдите по ссылке ниже, чтобы узнать подробности.
Чтобы проверить, установлен ли он, введите node -v в консоли. Он покажет вам установленную версию.
2. Установите TypeScript
Использование нпм:
npm install -g typescript
Чтобы проверить, установлен ли он, введите 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.
Я надеюсь, что это было полезно. Комментируйте, делитесь и дайте мне знать, если вам это нравится, ваше небольшое усилие побуждает меня писать больше.
Дополнительные материалы на PlainEnglish.io. Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Подпишитесь на нас в Twitter и LinkedIn. Присоединяйтесь к нашему сообществу Discord.
