TypeScript — это расширенный набор JavaScript, разработанный для создания более безопасных крупномасштабных приложений. Он добавляет в язык необязательную статическую типизацию, что упрощает обнаружение ошибок перед компиляцией.
В языке также представлены некоторые функции, которых нет в JavaScript. К ним относятся дженерики, классы, интерфейсы, перечисления и декораторы.
Узнайте, как настроить свой первый проект TypeScript с нуля всего за несколько шагов.
Шаг 1: Установка TypeScript
Перед использованием Машинопись в вашей системе вы должны установить компилятор TypeScript глобально.
Выполните следующую команду, чтобы установить TypeScript глобально:
нпм установить -g машинопись
Шаг 2: Настройка вашего проекта
Чтобы настроить проект TypeScript, начните с создания пустого каталога проекта в любая IDE на ваш выбор.
Затем создайте файлы с .тс расширение файла. TypeScript не может работать ни в какой среде. Таким образом, перед запуском он должен быть скомпилирован в JavaScript.
Чтобы скомпилировать файлы TypeScript в JavaScript, перейдите в каталог проекта на терминале. Затем запустите
тск за которым следует имя вашего файла TypeScript.Например:
тскиндекс.тс
Эта команда создаст index.js файл в том же каталоге, что и ваш index.ts файл находится.
Такое поведение может быть нежелательным, так как это затруднит управление вашим проектом с несколькими .js а также .тс файлы в одном каталоге.
Вы можете изменить это поведение по умолчанию и изменить поведение вашего компилятора TypeScript с помощью tsconfig.json файл.
Запустите следующую команду в своем терминале, чтобы создать tsconfig.json файл в вашем проекте:
тск --в этом
Это создает файл, содержащий все параметры конфигурации для вашего компилятора TypeScript.
Здесь вы расскажете только об основах, необходимых для запуска вашего проекта, но вы можете узнать больше об этом в документация TypeScript tsconfig.
Шаг 3. Настройка компилятора TypeScript для лучшего рабочего процесса
В tsconfig.json файл содержит параметры конфигурации для компилятора TypeScript, разделенные на семь разделов:
- Проекты
- Язык и среда
- Модули
- Поддержка JavaScript
- Испускают
- Ограничения взаимодействия
- Проверка типов
- Полнота
Большинство свойств по умолчанию отключены (закомментированы). Вы можете активировать и изменить их, раскомментировав их.
Вот шаги, которые вам необходимо выполнить, чтобы изменить расположение сгенерированных файлов JavaScript:
- Открытым tsconfig.json и найти испускают раздел.
- в испускают раздел, раскомментируйте outDir свойство и укажите каталог, в котором вы хотите сохранить скомпилированный .тс файлы. Теперь в любое время, когда вы бежите тск, ваш .js файлы будут в указанной папке.
Бег тск за которым следует имя файла, который вы хотите скомпилировать, не является оптимальным для вашего рабочего процесса, особенно когда вам нужно скомпилировать несколько файлов.
Чтобы решить эту проблему, компилятор TypeScript предоставляет свойство, позволяющее компилировать все файлы в каталоге одной командой.
Выполните следующие действия, чтобы настроить это:
- Открытым tsconfig.json и найти модули раздел.
- в модули раздел, раскомментируйте корневой каталог собственность или корневые каталоги (если вы хотите, чтобы компилятор скомпилировал несколько .тс каталоги в .js) и указать каталог(и) файлов.
Эти настройки улучшат ваш рабочий процесс и упростят обслуживание ваших файлов.
Преимущества TypeScript
Основным преимуществом TypeScript перед JavaScript является безопасность типов. TypeScript позволяет быстро обнаруживать трудно обнаруживаемые ошибки. Эта функция делает его идеальным для создания безопасных и крупномасштабных приложений.
