як створити express (node) - додаток на typescript
Створення Express-додатку на TypeScript може бути дещо відмінним від роботи з JavaScript. Вам потрібно встановити TypeScript та налаштувати конфігураційні файли. Нижче подано кроки для створення простого Express-додатку на TypeScript.
Створіть новий проект:
Спочатку вам потрібно створити новий проект. Відкрийте термінал та перейдіть у відповідний каталог, потім використовуйте команду:
mkdir my-ts-express-app
cd my-ts-express-app
Ініціалізація проекту та встановлення залежностей:
Введіть наступну команду для ініціалізації вашого проекту та встановлення залежностей (Express і TypeScript):
npm init -y
npm install express typescript @types/node @types/express ts-node
Конфігурація TypeScript:
Створіть файл tsconfig.json для конфігурації TypeScript. Додайте наступний вміст:
{
"compilerOptions": {
"target": "es6",
"module": "commonjs",
"outDir": "./dist",
"rootDir": "./src",
"strict": true,
"esModuleInterop": true
},
"include": ["src/**/*.ts"],
"exclude": ["node_modules"]
}
Створіть каталоги та файли:
Створіть каталог src у кореневому каталозі проекту та створіть файл app.ts у цьому каталозі.
mkdir src
touch src/app.ts
Створіть Express-додаток:
Відкрийте файл app.ts у вашому улюбленому текстовому редакторі і додайте наступний код:
import express, { Request, Response } from 'express';
const app = express();
const port = 3000;app.get('/', (req: Request, res: Response) => {
res.send('Hello, TypeScript Express!');
});app.listen(port, () => {
console.log(`Server is running on port ${port}`);
});
Змініть package.json:
Змініть ваш package.json, щоб відобразити, що ви використовуєте TypeScript для запуску сервера.
"scripts": {
"start": "ts-node src/app.ts",
"build": "tsc"
}
Запустіть Express-додаток:
Тепер ви готові запустити ваш Express-додаток. Введіть:
npm start
Це запустить ваш TypeScript-додаток за допомогою ts-node. Відкрийте браузер і перейдіть за адресою http://localhost:3000/, щоб перевірити, чи працює сервер.
Тепер ви створили базовий Express-додаток на TypeScript. За потреби ви можете розширити цей проект, додаючи більше функцій та опцій.
Якщо у вас виникли питання, вбо ви бажаєте записатися на індивідуальний урок, замовити статтю (інструкцію) або придбати відеоурок, пишіть нам на: скайп: olegg.pann telegram, viber - +380937663911 додавайтесь у телеграм-канал: t.me/webyk email: oleggpann@gmail.com ми у fb: www.facebook.com/webprograming24 Обов`язково оперативно відповімо на усі запитіння
Поділіться в соцмережах
Подобные статьи: