Полное руководство по TypeScript с Node.js на macOS - Fcodenotes

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

Содержание:

Настройка Node.js и TypeScript в macOS
Создание проекта TypeScript
Выполнение кода TypeScript с помощью Node.js
Работа с модулями
Использование внешних библиотек
Отладка приложений TypeScript
Создание и развертывание приложений TypeScript
TypeScript и Express.js
Интеграция TypeScript и базы данных
Тестирование кода TypeScript

Метод 1. Настройка Node.js и TypeScript в macOS
Для начала работы вам необходимо установить Node.js и npm (менеджер пакетов Node) на вашей macOS. Выполните следующие действия:

Установить Homebrew (менеджер пакетов для macOS):

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

Установите Node.js и npm с помощью Homebrew:
```
brew install node
```
Проверьте установку:
```
node -v
npm -v
```
Установить TypeScript глобально:
```
npm install -g typescript
```

Метод 2. Создание проекта TypeScript

Создайте новый каталог для своего проекта:
```
mkdir my-project
cd my-project
```
Инициализировать новый проект Node.js:
```
npm init -y
```

Создайте файл tsconfig.jsonв корневом каталоге:

{
"compilerOptions": {
"module": "commonjs",
"target": "es6",
"outDir": "dist",
"strict": true
},
"include": ["src//*.ts"],
"exclude": ["node_modules"]
}

Метод 3. Запуск кода TypeScript с помощью Node.js

Запишите код TypeScript в файл (например, src/index.ts):
```
const message: string = 'Hello, TypeScript!';
console.log(message);
```
Скомпилируйте код TypeScript в JavaScript:
```
tsc
```
Запустите скомпилированный код JavaScript с помощью Node.js:
```
node dist/index.js
```

Метод 4. Работа с модулями

Создайте новый файл модуля (например, src/utils.ts):
```
export function addNumbers(a: number, b: number): number {
return a + b;
}
```

Импортируйте и используйте модуль в своем коде TypeScript:

import { addNumbers } from './utils';
const result: number = addNumbers(5, 10);
console.log(result); // Output: 15

Метод 5: использование внешних библиотек

Установить внешние библиотеки с помощью npm:
```
npm install axios
```

Импортируйте и используйте библиотеку в своем коде TypeScript:

import axios from 'axios';
axios.get('https://api.example.com/data')
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});

Метод 6. Отладка приложений TypeScript

Добавьте исходные карты в файл tsconfig.json:
```
{
"compilerOptions": {
"sourceMap": true
}
}
```
Установите точки останова в коде TypeScript:

function multiplyNumbers(a: number, b: number): number {
  debugger; // Set breakpoint here
  return a * b;
}

Используйте флаг inspectпри запуске кода:
```
node --inspect dist/index.js
```

Метод 7. Создание и развертывание приложений TypeScript

Установите необходимые зависимости для сборки:
```
npm install --save-dev typescript ts-node rimraf
```
Добавьте сценарии сборки и запуска в свой package.json:
```
{
"scripts": {
"start": "ts-node src/index.ts",
"build": "rimraf dist && tsc"
}
}
```
Создайте и запустите приложение:
```
npm run build
npm start
```

Метод 8: TypeScript и Express.js

Установите Express.js и определения его типов:
```
npm install express
npm install --save-dev @types/express
```

Создайте сервер Express.js на TypeScript (например, src/server.ts):

import express, { Request, Response } from 'express';
const app = express();
const port = 3000;
app.get('/', (req: Request, res: Response) => {
res.send('Hello, Express!');
});
app.listen(Continuation)
(app.listen(port, () => {
console.log(`Server is running on port ${port}`);
});

Запустить сервер:
```
npm start
```

Метод 9: интеграция TypeScript и базы данных

Установите библиотеку базы данных (например, MongoDB с Mongoose):
```
npm install mongoose
npm install --save-dev @types/mongoose
```

Подключиться к базе данных с помощью кода TypeScript:

import mongoose from 'mongoose';
mongoose.connect('mongodb://localhost/my-database', {
useNewUrlParser: true,
useUnifiedTopology: true,
})
.then(() => {
console.log('Connected to MongoDB');
})
.catch((error) => {
console.error('Error connecting to MongoDB:', error);
});

Метод 10: тестирование кода TypeScript

Установите среду тестирования (например, Jest) и определения ее типов:
```
npm install jest
npm install --save-dev @types/jest
```

Напишите тест для вашего кода TypeScript (например, src/utils.test.ts):

import { addNumbers } from './utils';
test('adds two numbers correctly', () => {
expect(addNumbers(2, 3)).toBe(5);
});

Запустите тесты:
```
npm test
```

В этой статье мы рассмотрели различные методы работы с TypeScript и Node.js в macOS. Мы рассмотрели настройку среды, создание проектов, запуск кода, работу с модулями и внешними библиотеками, отладку, сборку и развертывание приложений, интеграцию с Express.js и базами данных, а также тестирование. С помощью TypeScript и Node.js вы можете создавать надежные и масштабируемые приложения на своем компьютере с macOS.