Чтобы настроить Express с TypeScript, вы можете выполнить следующие действия:
-
Инициализируйте новый проект TypeScript: начните с создания нового каталога для вашего проекта и перейдите к нему в своем терминале. Затем выполните следующую команду, чтобы инициализировать новый проект TypeScript:
npm init -y
-
Установите необходимые зависимости: вам потребуется установить Express и TypeScript в качестве зависимостей. Чтобы установить их, выполните следующую команду:
npm install express typescript
-
Настройте конфигурацию TypeScript: создайте файл
tsconfig.json
в корневом каталоге вашего проекта. Этот файл определяет параметры компилятора TypeScript. Добавьте следующую конфигурацию в файлtsconfig.json
:{ "compilerOptions": { "target": "es6", "module": "commonjs", "outDir": "dist", "strict": true, "esModuleInterop": true, "skipLibCheck": true }, "include": [ "src//*.ts" ], "exclude": [ "node_modules" ] }
-
Создайте приложение Express. В корневом каталоге вашего проекта создайте новый каталог с именем
src
. Внутри каталогаsrc
создайте файл с именемapp.ts
. Этот файл будет содержать код для установки и настройки вашего приложения Express. Добавьте следующий код вapp.ts
:import express, { Request, Response } from 'express'; const app = express(); app.get('/', (req: Request, res: Response) => { res.send('Hello, Express!'); }); app.listen(3000, () => { console.log('Server is running on port 3000'); });
-
Создайте и запустите проект. В терминале выполните следующую команду, чтобы скомпилировать код TypeScript в JavaScript:
npx tsc
Эта команда создаст каталог
dist
с скомпилированным кодом JavaScript. -
Запустите сервер Express: выполните следующую команду, чтобы запустить сервер Express:
node dist/app.js
В консоли должно появиться сообщение «Сервер работает на порту 3000».
Вот и все! Вы настроили Express с TypeScript. Теперь вы можете приступить к созданию приложения Express с использованием TypeScript.