Как использовать TypeScript в вашем проекте Node.js

TypeScript удобен для создания сложных приложений и надежных архитектур, таких как микросервисы. Конечно, TypeScript не может делать то, что не может JavaScript, но он может сделать сложные проекты более управляемыми. Строгая типизация TypeScript и поддержка интерфейсов означают, что он отлично подходит для объектно-ориентированного программирования. Мы видели, как многие компании обращались к TypeScript для кодирования своего бэкенда.

Нет лучшего времени, чтобы начать использовать TypeScript в вашем проекте Node.js, чем сейчас. Но как настроить его для своего проекта Node.js? Вы узнаете в этой статье.

Что такое TypeScript?

TypeScript — это скомпилированная строго типизированная версия JavaScript, разработанная и поддерживаемая Microsoft. Код TypeScript транслируется в JavaScript.

Строгая типизация TypeScript помогает разработчикам избегать ошибок в коде. Он будет компилировать только тот код, который удовлетворяет правилам для указанных типов данных. Это делает код TypeScript более надежным, чем его чистый аналог JavaScript.

Он также поддерживает как функциональное, так и объектно-ориентированное программирование. Все эти функции делают его легко масштабируемым и подходящим для разработки сложных приложений.

Как настроить TypeScript в Node. JS

Вам придется подтянуть несколько конфигураций здесь и там, чтобы начать использовать TypeScript с вашим проектом Node.js. Но не беспокойтесь, это легко.

Однако убедитесь, что вы установить пакет Node.js npm прежде чем продолжить.

Инициализировать файл package.json

Откройте терминал и создайте папку проекта. Затем войдите в этот новый каталог и инициализируйте проект Node.js:

инициализация нпм

Приведенная выше команда создает пакет.json файл для хранения ваших зависимостей.

Установите TypeScript и другие зависимости

Затем установите TypeScript в свой проект Node.js:

npm i -D машинопись

-Д ключевое слово гарантирует, что TypeScript будет установлен как часть devDependencies в пакет.json.

Вам также придется установить @типы/экспресс, определение TypeScript для Express.js:

нпм установить -D @типы/express

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

npx тск --в этом

Приведенная выше команда создает tsconfig.json файл в корневой папке вашего проекта.

Также установите Express.js. Вы можете пропустить это, если собираетесь управлять серверами только с помощью встроенных в Node.js HTTP-примитивов. Но Express.js упрощает эту задачу:

нпм установить выражать

Далее установите нодмон, пакет, который автоматически перезапускает ваш сервер всякий раз, когда в код вносятся изменения. Обязательно установите это глобально, чтобы оно работало:

нпм установить -g нодмон

Настройте TypeScript с помощью Node. JS

Открыть tsconfig.json файл, который вы инициализировали ранее, используя ваш выбранный редактор кода. В этом файле может быть много. Хотя вы можете настроить этот файл в его текущей форме, вы можете заменить все его содержимое приведенным ниже, чтобы сделать его проще.

Вот все, что вам нужно в tsconfig.json чтобы начать:

{
"параметры компилятора": {
"модуль": "обычные",
"эсмодулеинтероп": истинный,
"цель": "es6",
"разрешение модуля": "узел",
"исходная карта": истинный,
"outDir": "расстояние" //Указывает каталог транспилятора. 
 },
"библиотека": ["эс2015"]
}

Теперь откройте пакет.json. Вот как это выглядит на данный момент после установки TypeScript и Express:

Затем добавьте следующие конфигурации в сценарии множество:

"сценарии": {
"контрольная работа": "эхо \"Ошибка: тест не указан\"&& выход 1",
"строить": "npx тск",
"Начало": "узел ./dist/app.js",
"расстояние": "тск -р .",
 "dev": "nodemon ./src/app.ts", //Заменять это с верное каталогдорожказа app.ts в ваш кейс
"тип": "модуль"
}

Приведенная выше конфигурация указывает, что ваш сервер должен запускаться app.js, транспилятор. Не беспокойтесь, это файл по умолчанию, который будет создан автоматически в расстояние папку при запуске строить сценарий. Вы сделаете это позже.

Затем конфигурация указывает основной сценарий разработки как app.ts.

Следовательно, когда вы запускаете среду разработки, нодмон работает app.ts. Затем Node.js компилирует это в JavaScript внутри app.js—который связывается с HTTP-сервером.

Далее создайте источник папку в корневом каталоге вашего проекта. Внутри этой папки создайте пустой файл TypeScript и назовите его app.ts.

Создайте каталог транспилятора

Транспайлер — это файл JavaScript, который компилирует код TypeScript в собственный JavaScript. Таким образом, это гарантирует, что сервер может относиться к вашему коду как к JavaScript, а не к строго типизированному сценарию.

Таким образом, в то время как TypeScript обрабатывает структуру кода, файл транспилятора компилирует его в JavaScript.

Теперь запустите строить скрипт для создания расстояние каталог транспилятора автоматически:

npm запустить сборку

Приведенная выше команда компилирует ваш код TypeScript в JavaScript. Созданная папка содержит два файла; app.js и app.js.map.

Открытым пакет.json очередной раз. Вы увидите ключ в массиве с именем главный. Вы можете видеть, что его значение указывает на index.js. Замените это на app.js (транспилятор) каталог файла:

"главный": "./расстояние/app.js",

После форматирования пакет.json должно выглядеть так:

Вот и все, что касается конфигурации.

Создание и запуск HTTP-запроса

Теперь попробуйте создать и запустить HTTP-запрос через сервер Express.js, чтобы увидеть, компилируется ли ваш код должным образом.

Внутри app.ts:

импорт экспресс, {Запрос, Ответ} от 'выражать'
константа приложение = экспресс()
приложение.получить('/', асинхронный (требование: запрос, разрешение: ответ) =>{
 console.log('Привет, мир')
 рес.отправить('Привет, мир')
})
константа порт = 8080
app.listen (порт, (): пустота=>{
консоль.журнал(`Приложение прослушивает http://localhost:${порт}`)
})

Затем откройте командную строку в корневом каталоге вашего проекта и запустите разработчик скрипт для запуска вашего проекта:

нпм запустить разработчик

Откройте браузер и перейдите на локальный: 8080, и вы увидите ответ (Привет, мир). Вы также увидите это в терминале, если вы применили console.log команду, как мы сделали в приведенном выше примере.

TypeScript имеет перспективы высокого спроса

Вряд ли есть большая разница между TypeScript и JavaScript. Но первый упрощает разработку благодаря добавлению строгой типизации.

TypeScript — ценный язык во внешних фреймворках, таких как Angular, и мы не можем отрицать его производительность и масштабируемость. Он становится все более популярным, и перспективы работы для разработчиков TypeScript продолжают расти.

Введение в Angular

Читать дальше

Об авторе