Найти в Дзене
Chris Roylance

Разработка CMS на Node.js. Часть 2. npm.

Доброго времени суток, читатели моего дзен-канала. Сегодня мы продолжаем нашу рубрику «Разработка CMS на Node.JS». Сегодня мы с вами познакомимся с пакетным менеджером "npm".

Для начала давайте разберём, что такое npm. npm - это пакетный менеджер, входящий в состав node.js. Задачи у npm всего две. О каждой подробнее.

Первая задача, которую решает npm - это онлайн-платформа, которая позволяет легко взаимодействовать с готовыми модулями, размещёнными другими разработчиками, и являющиеся бесплатными.

Вторая задача - это быть инструментом командной строки, который позволяет пользователям легко взаимодействовать с онлайн-платформой, браузерами и другими компонентами, а также позволяет устанавливать, инициализировать, удалять пакеты. Npm также следит за поддержанием зависимостей между пакетами, отслеживает их версии, а также позволяет запускать проекты.

npm используется для сборки приложений, тестирования и других манипуляций из в файле package.json. Данный файл создаётся при инициализации проекта. Но обо всем по порядку.

Давайте перейдём от теории к практике.

Как я говорил ранее, npm - это инструмент командной строки. И поэтому для взаимодействия с ним нам необходимо перейти в командную строку. В Visual Studio 2019, которую я использую, командная строка открыта всегда и находиться она внизу. И начнём мы с просмотра версии npm командой «npm -v».

Проверка версии npm
Проверка версии npm

Как видите, у меня версия 6.14.13, у вас же версия может быть другой. Если появилась ошибка, то скорее всего во время установки возникла проблема во время установке.

Внимание! Следующие действия необходимо проводить в директории проекта, иначе ваш проект может оказаться в другом месте.

Начнём с создания (инициализации) проекта. Для этого воспользуемся командой npm init, после чего в консоли появится ряд вопросов. (Если данный проект создается впервые или просто создаст все необходимые зависимости, если есть package.json.) В нашем случае проект создается впервые и система спросит вас следующие вопросы:

Название проекта

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

В скобочках отображается дефолтное значение. Данное название берётся от папки в которой находиться проект, после чего спрашивается номер версии проекта, ключевые слова и файл начала проекта

-4

Далее запрашивается команда для тестирования.

-5

После всех вопросов npm покажет json-файл, который показан ниже. Если все правильно - подтверждаем и npm создаст package.json и index.js, или файл который вы написали.

package.json
package.json

Давайте посмотрим на создавшеюся структуру файлов.

Структура проекта
Структура проекта

Как можно заметить, в структуре проекта появились файлы index.js и package.json (то, что файл был создан или изменён свидетельствует зелёный "+". Данный "плюс" появляется при использовании системы контроля версий).

Давайте предположим что вы забыли команды. Для того, что бы напомнить себе весь список команд, воспользуемся командой «npm help» или «npm -h»

npm help
npm help

Также чтобы просмотреть дополнительные параметры команды, воспользуйтесь командой "npm <команда> -h". Для примера, давайте рассмотрим описание команды «search» и «install». Данные будут использоваться нами часто.

npm search -h и npm install -h. Справка по командам
npm search -h и npm install -h. Справка по командам

У каждой команды есть свои дополнительные параметры «ключи»,  которые необходимы для разных выводов информации как с командой «search», так формат сохранения пакета, как в команде «install».

Теперь давайте посмотрим команды на практике. Давайте найдем, а потом произведем установку пакета Express.

Вывод информации из поиска npm по пакету Express
Вывод информации из поиска npm по пакету Express

Поиск пакета Express.

Как видно на практике, при поиске пакета отображается его имя, ключевые слова, автор, дата, версия и описание. Как видно, часть информации отображается не полностью. Для получения полной информации воспользуемся ключом "--long".

Полная информация о пакете
Полная информация о пакете

Полная информация.

Нас с вами интересует первый пакет Express, теперь мы его установим.

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

При поиске пакетов можно заметить, что в документации присутствует или отсутствует ключ "--save". Данный ключ не обязателен и выполняется команда одинаково.

После установки должна появиться папка "node_modules", в которой будет находиться "Express" и его зависимости.

Проект с установленным Express
Проект с установленным Express

На этом мы закончим, в следующей статье мы начнём знакомиться с Express, и создадим простенький сервер.