Курс по программированию на JavaScript

Урок 33: Введение в NPM

NPM (Node Package Manager) — это менеджер пакетов для JavaScript, который позволяет устанавливать и управлять пакетами, необходимыми для разработки. В этом уроке мы рассмотрим, что такое NPM, как его установить и использовать для установки и управления пакетами.

Что такое NPM

NPM является официальным менеджером пакетов для платформы Node.js. Он предоставляет доступ к тысячам пакетов, которые могут быть использованы в ваших проектах. Эти пакеты включают в себя библиотеки, утилиты и инструменты, облегчающие разработку и улучшение производительности приложений.

Основные возможности NPM:

• Установка пакетов: NPM позволяет легко устанавливать и обновлять пакеты.
• Управление зависимостями: NPM управляет зависимостями вашего проекта, следя за версиями пакетов и их совместимостью.
• Создание скриптов: NPM позволяет создавать и запускать скрипты для автоматизации задач.
• Публикация пакетов: Вы можете публиковать свои собственные пакеты и делиться ими с сообществом.

Установка NPM

NPM устанавливается вместе с Node.js. Если у вас уже установлен Node.js, то NPM также будет установлен. Для проверки версии NPM выполните следующую команду в терминале или командной строке:

npm -v

6.14.13 (или другая версия)

Использование NPM

Инициализация проекта

Для начала работы с NPM необходимо инициализировать проект, создав файл package.json. Этот файл содержит метаданные проекта и список зависимостей. Для инициализации проекта выполните команду:

npm init

Этот шаг создаст файл package.json с метаданными проекта

Установка пакетов

Для установки пакетов используйте команду npm install (или сокращенно npm i). Рассмотрим пример установки пакета express, популярного фреймворка для создания веб-приложений:

npm install express

+ express@4.17.1
added 50 packages from 37 contributors and audited 126 packages in 2.567s

Использование установленных пакетов

После установки пакета его можно использовать в вашем проекте. Рассмотрим пример использования пакета express для создания простого веб-сервера:

// Импорт пакета express
const express = require('express');

// Создание приложения express
const app = express();

// Обработка запроса к корневому маршруту
app.get('/', (req, res) => {
 res.send('Hello, Express!');
});

// Запуск сервера
const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
 console.log(`Server is running on port ${PORT}`);
});

// Server is running on port 3000

Удаление пакетов

Для удаления пакета используйте команду npm uninstall (или сокращенно npm un). Рассмотрим пример удаления пакета express:

npm uninstall express

removed 50 packages and audited 76 packages in 1.234s

Упражнения

// Инициализация проекта
npm init -y

// Установка пакета lodash
npm install lodash

// Использование пакета lodash
const _ = require('lodash');

const array = [1, 2, 3, 4, 5, 6, 7, 8];
const chunkedArray = _.chunk(array, 2);
console.log('Разбитый массив:', chunkedArray);

// Разбитый массив: [[1, 2], [3, 4], [5, 6], [7, 8]]

// Инициализация проекта
npm init -y

// Установка пакета nodemon
npm install nodemon --save-dev

// Настройка скрипта в package.json
// Добавьте в секцию "scripts" следующее:
// "start": "nodemon server.js"

// Пример server.js
const http = require('http');

const hostname = '127.0.0.1';
const port = 3000;

const server = http.createServer((req, res) => {
 res.statusCode = 200;
 res.setHeader('Content-Type', 'text/plain');
 res.end('Hello, World!\n');
});

server.listen(port, hostname, () => {
 console.log(`Server running at http://${hostname}:${port}/`);
});

// Server running at http://127.0.0.1:3000/