Как настроить Express с помощью TypeScript: пошаговое руководство

Чтобы настроить Express с TypeScript, вы можете выполнить следующие действия:

  1. Инициализируйте новый проект TypeScript: начните с создания нового каталога для вашего проекта и перейдите к нему в своем терминале. Затем выполните следующую команду, чтобы инициализировать новый проект TypeScript:

    npm init -y
  2. Установите необходимые зависимости: вам потребуется установить Express и TypeScript в качестве зависимостей. Чтобы установить их, выполните следующую команду:

    npm install express typescript
  3. Настройте конфигурацию 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"
    ]
    }
  4. Создайте приложение 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');
    });
  5. Создайте и запустите проект. В терминале выполните следующую команду, чтобы скомпилировать код TypeScript в JavaScript:

    npx tsc

    Эта команда создаст каталог distс скомпилированным кодом JavaScript.

  6. Запустите сервер Express: выполните следующую команду, чтобы запустить сервер Express:

    node dist/app.js

    В консоли должно появиться сообщение «Сервер работает на порту 3000».

Вот и все! Вы настроили Express с TypeScript. Теперь вы можете приступить к созданию приложения Express с использованием TypeScript.