Другое

NPM — руководство для начинающих: что такое npm run build и init

Lorem ipsum dolor

NPM — это Node Package Manager, что фактически означает «пакетный менеджер для JavaScript, который входит в состав Node.js». Напомним, Node.js — это фреймворк Javascript, который позволяет использовать этот язык программирования в серверной части приложений.

Сегодня мы обсудим:

  • что такое NPM,

  • установка NPM,

  • как работать с NPM.

Тем, кто работает с Node.js или только собирается работать с этим фреймворком, важно понимать, что такое NPM и как взаимодействовать с этим менеджером пакетов.

Что такое NPM?

NPM — это менеджер пакетов JavaScript, который:

  • помогает публиковать проекты на Node.js, распространяемые с открытым исходным кодом;

  • помогает взаимодействовать с сервером, браузером и онлайн-площадками при помощи командной строки;

  • помогает устанавливать, удалять и управлять пакетами, используемыми для запуска проекта;

  • и др.

NPM состоит из двух важных частей:

  • интерфейса командной строки — инструмента для взаимодействия с пакетами;

  • онлайн-репозитория — места, где хранятся JavaScript-пакеты.

Онлайн-репозиторий NPM располагается по адресу npmjs.com. По сути, он выполняет роль «интернет-магазина» пакетов, где:

  • авторы пакетов могут разместить их для общего пользования;

  • пользователи пакетов могут воспользоваться любым представленным пакетом.

Таким образом, пакетный менеджер выполняет роль «продавца-кладовщика», который распределяет и принимает JS-пакеты. Чтобы обратиться к этому «продавцу-кладовщику», используется интерфейс командной строки и специальный набор команд.

Что такое NPM-пакет?

Мы выяснили, что важная часть NPM — это «интернет-магазин» пакетов. Пакет — это некий файл с расширением «.json», например «mypackage.json». Этот пакет вы можете отправить в «интернет-магазин», и им будут пользоваться другие разработчики, но также вы можете воспользоваться подобными пакетами из «интернет-магазина» NPM.

Пакеты с расширением «.json» содержат следующие данные:

  • наименование пакета,

  • первостепенная версия пакета,

  • краткая информация о пакете,

  • точка входа,

  • текстовые команды,

  • адрес расположения в GIT-системе,

  • ключевые слова,

  • по какой лицензии распространяется,

  • имеются ли зависимости с другими пакетами,

  • и др.

Подобная информация помогает качественней идентифицировать пакет, чтобы определить, нужен ли он проекту.

Пример того, как может выглядеть NPM-пакет:

{

  "name": "cogernet-npm",

  "version": "2.1.1",

  "description": "пример npm-пакета от codernet",

  "main": "example-npm.js",

  "scripts": {

    "test": "echo \"Протестирован и проверен\" && exit 1"

  },

  "keywords": [

    "npm",

    "codernet",

    "npm-example"

  ],

  "author": "Dormidont codernet-webdeveloper",

  "license": "MIT",

  "dependencies": {

    "express": "^5.17.7"

  }

}

 

Как работать с NPM: установка и взаимодействие

Чтобы работать с менеджером пакетов, нужно убедиться, что на компьютере инсталлированы «node.js» и «npm». Чтобы проверить наличие этих инструментов,необходимо:

  1. Открыть консоль или терминал и ввести команду «node -v». Если на компьютере установлен node.js, тогда в окне консоли или терминала появится версия фреймворка. Если node.js не установлен, тогда нужно установить фреймворк, скачав с официального сайта последнюю версию для вашей операционной системы.

  2. В открытой консоли или терминале введите команду «npm -v». Если менеджер пакетов установлен на компьютере, тогда в окне консоли или терминала появится его версия. Если менеджер не установлен, тогда его нужно установить, скачав с официального сайта последнюю версию для вашей операционной системы.

В общем, если инструменты установлены, тогда можно продолжать работать с пакетами; если их нет, тогда нужна установка npm и node.js.

Инициализация и публикация npm-пакета

Когда установка инструментов npm и node.js на компьютер завершена, тогда самое время осваивать команду «$ npm init». Эта команда инициализирует запуск вашего проекта, то есть помогает создавать из вашего проекта файл с расширением «.json», например, «mypackage.json».

Перед запуском этой команды у вас должен быть сформирован определенный проект, который вы хотите «запаковать». Потом вы вводите в консоли или терминале «$ npm init». Поле ввода команды будут всплывать подсказки от «npm init», на которые нужно будет ответить и принять их. После подтверждения и принятия подсказок «npm init» продемонстрирует ваш «mypackage.json». Чуть выше мы приводили пример, как он может выглядеть. Если вас все устраивает, тогда нажимаете «yes», и ваш пакет будет сформирован. Всегда присутствует возможность его отредактировать, если это вдруг понадобится.

После формирования пакета его можно опубликовать в «интернет-магазине» пакетов, чтобы им могли воспользоваться другие. Делается это очень просто — при помощи команды:

$ npm publish mypackage.json

где «mypackage.json» это имя ранее созданного пакета.

По статистике онлайн-репозитория npm, разработчики больше пользуются готовыми пакетами, нежели размещают новые. Например, за 2021 год было скачано около 15 миллиардов пакетов, а опубликовано около 12 миллионов. Даже в этом случае прослеживается «эпоха потребления» человечества (шутка). Давайте посмотрим, как воспользоваться готовым npm-пакетом.

Установка нужного npm-пакета

Установка нужного npm-пакета, как все в npm-менеджере, делается очень просто. Для этого нужно воспользоваться консолью или терминалом и командой:

$npm install <имя пакета>

или воспользоваться короткой версией этой же команды:

$npm i <имя пакета>

Если вы создавали собственный проект на node.js, тогда в вашем проекте должна быть папка с именем «node_modules». Именно в эту папку инсталлируются все скачанные npm-пакеты.

Заключение

NPM — это менеджер пакетов JavaScript. Чаще всего его применяют при работе с Node.js, однако он актуален вообще при работе с JavaScript. Установка и работа с npm-пакетами осуществляется при помощи простых команд и консоли или терминала. На самом деле, сложнее найти подходящий пакет для проекта, чем воспользоваться им через npm-менеджер.

Схожие статьи

Мессенджер с открытым исходным кодом — что это и на каком остановить свой выбор
Другое

Мессенджер с открытым исходным кодом — что это и на каком остановить свой выбор

Архитектор программного обеспечения: главное об этой профессии
Другое

Архитектор программного обеспечения: главное об этой профессии

Firebase. База данных, ее краткое описание и инструкция по настройке
Другое

Firebase. База данных, ее краткое описание и инструкция по настройке

Другое

APFS или APFS (зашифрованный) — какому из них отдать предпочтение?