Как да използвате 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:

npm init

Горната команда създава a package.json файл за съхранение на вашите зависимости.

Инсталирайте TypeScript и други зависимости

След това продължете и инсталирайте TypeScript във вашия Node.js проект:

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

В -Д ключова дума гарантира, че TypeScript се инсталира като част от devDependencies в package.json.

Вие също ще трябва да инсталирате @types/express, дефиниция на TypeScript за Express.js:

npm инсталиране -D @типове/express

След това инициализирайте a tsconfig.json файл. Това подробно описва основните опции на компилатора за вашия проект:

npx tsc --в него

Горната команда създава a tsconfig.json файл в основната папка на вашия проект.

Също така инсталирайте Express.js. Може да пропуснете това, ако възнамерявате да управлявате сървъри само с вградени HTTP примитиви на Node.js. Но Express.js прави това лесно:

npm Инсталирай експресно

След това инсталирайте нодемон, пакет, който рестартира вашия сървър автоматично, когато има промени във вашия код. Уверете се, че сте инсталирали това глобално, за да работи:

npm Инсталирай -g нодемон

Конфигурирайте TypeScript с Node. JS

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

Ето всичко, от което се нуждаете tsconfig.json да тръгвам:

{
"compilerOptions": {
"модул": "commonjs",
"esModuleInterop": вярно,
"цел": "es6",
"разделителна способност на модула": "възел",
"sourceMap": вярно,
"outDir": "dist" //Определя директорията на транспилера. 
 },
"lib": ["es2015"]
}

Сега отворете package.json. Ето как изглежда в момента след инсталирането на TypeScript и Express:

След това добавете следните конфигурации към скриптове масив:

"скриптове": {
"тест": "ехо \"Грешка: не е посочен тест\"&& изход 1",
"изграждане": "npx tsc",
"започнете": "възел ./dist/app.js",
"dist": "tsc -p .",
 "dev": "nodemon ./src/app.ts", //Сменете това с правилният директорияпътеказа app.ts в Вашият случай
"Тип": "модул"
}

Горната конфигурация насочва вашия сървър да стартира app.js, транспилатор. Не се притеснявайте, това е файл по подразбиране, който ще бъде създаден автоматично в a dist папка, когато стартирате изграждане скрипт. Ще направите това по-късно.

След това конфигурацията определя основния скрипт за разработка като app.ts.

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

След това създайте a src папка в основната директория на вашия проект. В тази папка създайте празен TypeScript файл и го наименувайте app.ts.

Създайте директорията на Transpiler

Транспилаторът е JavaScript файл, който компилира TypeScript код в естествен JavaScript. Така че това гарантира, че сървърът може да се свърже с вашия код като JavaScript вместо строго въведен скрипт.

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

Сега стартирайте изграждане скрипт за създаване на dist директория на транспилера автоматично:

npm стартирайте build

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

Отвори package.json отново. Ще видите ключ в масива с име главен. Можете да видите, че стойността му сочи към index.js. Заменете това с app.js (транспилатор) файлова директория:

"главен": "./dist/app.js",

След форматиране, package.json трябва да изглежда така:

Това е всичко за частта с конфигурациите.

Създайте и стартирайте HTTP заявка

Сега опитайте да създадете и стартирате HTTP заявка чрез сървъра Express.js, за да видите дали кодът ви се компилира както трябва.

Вътре app.ts:

внос експресно, {заявка, отговор} от 'експрес'
const приложение = експрес ()
app.get('/', async (req: Заявка, res: Отговор)=>{
 console.log('Здравей свят')
 res.send('Здравей свят')
})
const порт = 8080
app.listen (порт, (): нищожен=>{
конзола.log(„Приложението слуша http://localhost:${port}`)
})

След това отворете командния ред в основната директория на вашия проект и стартирайте dev скрипт за стартиране на вашия проект:

npm run dev

Отворете браузъра си и отидете на локален хост: 8080, и ще видите отговора (Здравей свят). Ще видите това и в терминала, ако сте приложили console.log команда, както направихме в горния пример.

TypeScript има голямо търсене

Едва ли има голяма разлика между TypeScript и JavaScript. Но първото улеснява развитието с добавянето на стриктно въвеждане.

TypeScript е ценен език във външни рамки като Angular и не можем да отречем неговата производителност и мащабируемост. Той става все по-популярен и перспективите за работа за разработчиците на TypeScript продължават да се увеличават.

Въведение в Angular

Прочетете Следващото

За автора