Typescript — это, по сути, JavaScript с проверкой типов. Веб-браузеры не распознают TypeScript, поэтому код TypeScript необходимо компилировать и переводить в JavaScript — процесс, называемый Транспиляция.

Настройка компилятора typescript.

Это просто сделать, создав файл конфигурации для компилятора TypeScript.
На терминале (в том же каталоге, что и проект typescript) введите tsc — init и вуаля, файл с имя tsconfig.json появится в папке вашего проекта.

В файле tsconfig.json указаны корневые файлы и параметры компилятора, необходимые для компиляции вашего проекта.

Настройка компилятора typescript.

Компилятор typeScript имеет довольно много строк кода, если так можно выразиться. Это может быть немного страшно для новичка, как это было в моем случае, но не бойтесь! Вам не обязательно знать, чем занимается каждый из них, по крайней мере, пока. Если вам все равно интересно узнать, у каждого из них есть пояснение с комментариями справа, и в нем подробно рассказывается об их функциях, что очень удобно, если вы спросите меня.

Есть несколько изменений, которые вам нужно внести в файл tsconfig.json, чтобы ваш машинописный код был скомпилирован эффективно:

  1. В разделе /Module/ раскомментируйте rootDir (ctrl + /) и укажите путь «./src». Это означает, что вам нужно создать папку с именем src, как указано в пути, а затем перенести файл TypeScript в эту папку.

  1. В разделе /Emit/ раскомментируйте outDir (это указывает каталог, который будет содержать файл JavaScript) и напишите путь как «/.dist» (распространяемая папка), и это будет место, где находятся наши файлы JavaScript. будет храниться после компиляции с помощью компилятора машинописного текста.

  1. По-прежнему в разделе /Emit/ раскомментируйте «removeComments», который находится чуть ниже outDir, и это заставит компилятор TypeSript удалить все комментарии, добавленные в код TypeScript, что сделает сгенерированный код JavaScript короче.

  1. По-прежнему в разделе /Emit/ раскомментируйте «noEmitOnError», и тогда компилятор typescript не будет генерировать код JavaScript, если в коде TypeScript есть какая-либо ошибка. Это очень полезно, так как ваш скомпилированный код почти всегда будет «чистым кодом».

Эти несколько настроек помогут вам приступить к написанию и компиляции вашего кода TypeScript, удачного кодирования!

Первоначально опубликовано на https://dev.to 25 декабря 2022 г.