- NPM — руководство для начинающих: что такое npm run build и init
- Что такое NPM?
- Что такое NPM-пакет?
- Как работать с NPM: установка и взаимодействие
- Инициализация и публикация npm-пакета
- Установка нужного npm-пакета
- Заключение
- Что Такое npm? Общее Руководство для Начинающих
- Как Работает npm?
- Как Установить Модули npm и Запустить Проекты?
- Инициализация Проекта с npm
- Установка Модулей npm
- Выводы
- Шпаргалка по пакетному менеджеру NPM
- Установка npm
- Обновление npm
- Поиск пакетов в npm
- Просмотр информации о пакете
- Локальная установка пакетов
- Установка пакета в наше приложение
- Понимание разницы между глобальной и локальной установкой
- Глобальная установка пакетов
- Удаление локально установленного пакета
- Удаление глобально установленного пакета
- Установка определённой версии пакета
- Установка модуля с Github
- Связи любых пакетов локально
- Связи локальных пакетов для нескольких приложений
- Отмена связи между пакетами приложения
- Отмена связи пакета в системе
- Создание нового пакета
- Добавление нового пользователя
- Публикация пакета в репозиторий npm
- Удаление пакета из репозитория npm
- Управление правами доступа к пакетам в репозитории npm
NPM — руководство для начинающих: что такое npm run build и init
NPM — это Node Package Manager, что фактически означает « пакетный менеджер для JavaScript, который входит в состав Node.js » . Напомним, Node.js — это фреймворк Javascript, который позволяет использовать этот язык программирования в серверной части приложений.
Сегодня мы обсудим:
как работать с NPM.
Тем, кто работает с Node.js или только собирается работать с этим фреймворком, важно понимать, что такое NPM и как взаимодействовать с этим менеджером пакетов.
Что такое NPM?
NPM — это менеджер пакетов JavaScript, который:
помогает публиковать проекты на Node.js, распространяемые с открытым исходным кодом;
помогает взаимодействовать с сервером, браузером и онлайн-площадками при помощи командной строки;
помогает устанавливать, удалять и управлять пакетами, используемыми для запуска проекта;
NPM состоит из двух важных частей:
интерфейса командной строки — инструмент а для взаимодействия с пакетами;
онлайн-репозитория — места, где хранятся JavaScript-пакеты.
Онлайн-репозиторий NPM располагается по адресу npmjs.com. По сути, он выполняет роль «интернет-магазина» пакетов, где:
авторы пакетов могут разместить их для общего пользования;
пользователи пакето в м огут воспользоваться любым представленным пакетом.
Таким образом, пакетный менеджер выполняет роль «продавца-кладовщика», который распределяет и принимает JS-пакеты. Чтобы обратиться к этому «продавцу-кладовщику», используется интерфейс командной строки и специальный набор команд.
Что такое NPM-пакет?
Мы выяснили, что важная часть NPM — это «интернет-магазин» пакетов. Пакет — это некий файл с расширением «.json», например «mypack a ge.json». Этот пакет вы можете отправить в «интернет-магазин» , и им будут пользоваться другие разработчики, но также вы можете воспользоваться подобными пакетами из «интернет-магазина» NPM.
Пакеты с расширением «.json» содержат следующие данные:
первостепенная версия пакета,
к ра ткая информация о пакете,
адрес расположения в GIT-системе,
по какой лицензии распространяется,
имеются ли зависимости с другими пакетами,
Подобная информация помогает качественней идентифицировать пакет, чтобы определить , нужен ли он проекту.
Пример того , как может выглядеть NPM-пакет:
«description»: «пример npm-пакета от codernet»,
«test»: «echo \»Протестирован и проверен\» && exit 1″
«author»: «Dormidont codernet-webdeveloper»,
Как работать с NPM: установка и взаимодействие
Чтобы работать с менеджером пакетов , нужно убедиться, что на компьютере инсталлированы «node.js» и «npm». Чтобы проверить наличие этих инструментов , необходимо :
Открыть консоль или терминал и ввести команду «node -v». Если на компьютере установле н node.js, тогда в окне консоли или терминала появится версия фрейм в орка. Если node.js не установлен, тогда нужно установить фреймворк, скачав с официального сайта последнюю версию для вашей операционной системы .
В открытой консоли или терминале введите команду «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-менеджере , делается очень просто. Для этого нужно воспользоваться консолью или терминалом и командой:
или воспользоваться короткой версией этой же команды:
Если вы создавали собственный проект на node.js, тогда в вашем проекте должна быть папка с именем «node_modules». Именно в эту папку инсталлируются все скачанные npm-пакеты.
Заключение
NPM — это менеджер пакетов JavaScript. Чаще всего е го применяю т при работе с Node.js, однако он актуален вообще при работе с JavaScript. Установка и работа с npm-пакетами осуществляется при помощи простых команд и консоли или терминала. На самом деле, сложнее найти подходящий пакет для проекта, чем воспользоваться им через npm-менеджер.
Мы будем очень благодарны
если под понравившемся материалом Вы нажмёте одну из кнопок социальных сетей и поделитесь с друзьями.
Источник
Что Такое npm? Общее Руководство для Начинающих
npm – это менеджер пакетов, который входит в состав Node.js. В течение многих лет Node широко использовался разработчиками JavaScript для обмена инструментами, установки различных модулей и управления их зависимостями. Вот почему людям, работающим с Node.js, очень важно понять, что такое npm.
Нужен недорогой, но надёжный хостинг для вашего нового проекта? Обратите внимание, что в Hostinger действуют скидки на все тарифы хостинга. Воспользуйтесь предложением и разместите сайт до 90% дешевле!
Как Работает npm?
Он работает, выполняя одну из своих двух ролей:
- Это широко используемый репозиторий для публикации проектов Node.js с открытым исходным кодом. Это означает, что это онлайн-платформа, где каждый может публиковать и делиться инструментами, написанными на JavaScript.
- npm – это инструмент командной строки, который помогает взаимодействовать с онлайн-платформами, такими как браузеры и серверы. Эта утилита помогает в установке и удалении пакетов, управлении версиями и зависимостями, необходимыми для запуска проекта.
Чтобы использовать npm, нужно сначала установить node.js , так как они связаны.
Утилита командной строки npm обеспечивает корректную работу node.js.
Чтобы использовать пакеты, ваш проект должен содержать файл с именем package.json . Внутри этого пакета вы найдёте метаданные, касающиеся проектов.
Метаданные показывают несколько аспектов проекта в следующем порядке:
- Название проекта
- Первоначальная версия
- Описание
- Точка входа
- Тестовые команды
- Репозиторий Git
- Ключевые слова
- Лицензия
- Зависимости
- DevDependencies
Метаданные помогают идентифицировать проект и служат основным источником информации о проекте.
Вот пример того, как вы можете идентифицировать проект по его метаданным:
- Имя: hostinger-npm
- Версия: 1.0.0
- Это руководство по npm для начинающих
- Точка входа в проект или основной файл: beginner-npm.js
- Ключевые слова или теги для поиска проекта в репозитории: npm, example и basic
- Автор проекта: Hostinger International .
- Этот проект лицензирован в рамках MIT
- Зависимости или другие модули, которые использует этот модуль – express 4.16.4
Как Установить Модули npm и Запустить Проекты?
Убедитесь, что node.js и npm установлены, выполнив несколько простых команд.
Чтобы посмотреть, установлен ли node.js, откройте Терминал или инструмент командной строки и введите node -v . Если пакет node.js уже установлен, вы должны увидеть номер версии:
Чтобы узнать, установлен ли npm, введите npm -v. Опять же таки, вы должны увидеть номер версии:
Если он не установлен, скачайте Node с сайта node.js и следуйте инструкциям установщика.
npm известен своим однострочным установщиком:
Так как новые версии npm выходят регулярно, позже вы сможете обновить его. Чтобы обновить npm, просто скачайте установщик с сайта node.js и запустите его снова. Последняя версия автоматически заменит версию на вашем компьютере.
Также вы можете обновить его с помощью этой команды:
Инициализация Проекта с npm
Если у вас уже есть Node и npm, и вы хотите приступить к разработке, выполните команду npm init . Это запустит инициализацию вашего проекта.
Например, давайте создадим каталог с именем test-npm и cd в него. Теперь давайте запустим нашу первую команду npm:
Эта команда служит инструментом для создания файла package.json проекта. После выполнения шагов npm init , файл package.json будет сгенерирован автоматически и помещён в текущий каталог.
Полезной функцией является то, запуск инициализации менеджера пакетов Node сопровождается объяснениями:
Ответьте на подсказки npm init .
Нажмите “ Enter ”, чтобы принять их. Затем npm init даст вам возможность предварительно просмотреть package.json , который будет создан.
Это выглядит следующим образом:
Введите “ yes ” и нажмите “ Enter ”, чтобы сохранить package.json . Вы всегда можете изменить его позже, либо отредактировав файл напрямую, либо снова запустив npm init .
Установка Модулей npm
Пакет в node.js содержит все файлы, необходимые для модуля. Модули – это библиотеки JavaScript, которые вы можете включить в свой проект.
Установка модулей – одна из самых важных вещей, которую вы должны научиться делать, начиная работу с менеджером пакетов Node. Вот команда для установки модуля в текущий каталог:
В приведенной выше команде замените на имя модуля, который вы хотите установить.
Например, если вы хотите установить Express – наиболее используемый и наиболее известный фреймворк node.js, вы можете выполнить следующую команду:
Приведённая выше команда установит модуль Express в /node_modules в текущий каталог.
Каждый раз, когда вы устанавливаете модуль из npm, он будет установлен в папку node_modules .
Вот как это выглядит после установки модуля в ваш проект:
Выводы
Разбираясь с вопросом, что такое npm, вы наверняка заметили, что помимо своей основной функции – функции онлайн-базы данных для различных пакетов node.js – ещё одной целью менеджера пакетов Node (npm) являются автоматические зависимости и управление файлами package.json , благодаря его интерфейсу командной строки.
Вот список основных команд, которые следует знать, если вы хотите не только разбираться в том, что такое npm, но и работать с ним:
- Установка npm:
- Проверка версии:
- Инициализация проекта:
- Установка модулей:
Если вы планируете работать с JavaScript, npm – незаменимый инструмент в вашем рабочем процессе.
Ольга уже около пяти лет работает менеджером в сфере IT. Написание технических заданий и инструкций — одна из её главных обязанностей. Её хобби — узнавать что-то новое и создавать интересные и полезные статьи о современных технологиях, веб-разработке, языках программирования и многом другом.
Источник
Шпаргалка по пакетному менеджеру NPM
Установка npm
Обновление npm
Есть несколько способов чтобы обновить npm. Я предпочитаю:
Поиск пакетов в npm
Подсказка: Можно также использовать search.npmjs.org
Вторая подсказка: Для поиска необходимо знать имя нужного пакета (всё прекрасно ищет по любому слову как в имени пакета, так и в его описании, может неправильно перевёл?)
Просмотр информации о пакете
Локальная установка пакетов
Для демонстрации возьмём пакет http-server.
http-server is a package we’ve written which provides an easy to use wrapper around node’s core http.Server class. This module makes for a good example, since it’s API provides both a CLI binary and a requirable node.js module.
http-server — пакет, который мы написали, предоставляет более простой интерфейс в использовании базового модуля http.Server из node.js. Этот модуль хороший пример использования API как для бинарного CLI, так и для подключаемого модуля node.js.
Так мы установим http-server в нашей рабочей директории.
Вы увидите новую папку в node_modules. Сейчас можете не обращать на это внимание.
Установка пакета в наше приложение
test.js
Обратите внимание, как мы делаем: require(‘http-server’)? Что это за магия? (автор молодец)
http-server не является базовым модулем node.js. Этот пакет мы только что установили из npm. Node.js и npm взаимодействуют и автоматически подключают наши локальные модули из node_modules директории.
Понимание разницы между глобальной и локальной установкой
test.js
теперь запустим наш скрипт
мы получим эту ошибку:
Это вполне логично, мы установили http-server локально в «/mynewapp/», а не в «/anotherapp/».
Есть два решения в этой ситуации:
а) Установить ещё раз пакет, но локально в наше новое приложение
б) Установить пакет глобально
Глобальная установка пакетов
Если вы хотите чтобы пакет был доступен всем приложениям, его нужно установить глобально:
Флаг -g означает, что http-server должен быть установлен глобально и быть доступными для всех приложений.
Теперь мы можем вызывать его require(‘http-server’) в любом нашем приложении.
Кроме того, поскольку http-server пакет имеет свой исполняемый файл, то этот файл также будет установлен как исполняемый http-server и доступен в командах.
Теперь вы можете просто запустить команду:
Удаление локально установленного пакета
Удаление глобально установленного пакета
Установка определённой версии пакета
Установка модуля с Github
Важно. В некоторых случаях будут патчи, форки или ветви, которые вы хотите использовать, но которые еще не были опубликованы в npm. К счастью исходные коды для большинства npm модулей также доступна на www.github.com
Теперь наша клонированная версия http-server связана локально.
Связи любых пакетов локально
Если у вас есть отдельный каталог содержащий пакет npm, то можно создать локальную связь для него. Это удобно в ситуациях, когда мы не хотим опубликовать наш пакет в хранилище npm.
На нашу локальную версию http-server создана «связана» для нашей локальной машины. (связь создаётся как «copy-paste», с начало нужно перейти в нужный катало и сделать «copy», потом перейти в нужный каталог и сделать «paste». Так вот сейчас мы изучили как делается «copy», а ниже будет про «paste» этого модуля)
Связи локальных пакетов для нескольких приложений
Как мы видели ранее npm устанавливает пакеты в локальный каталог по умолчанию. Так вот npm ссылка(связь) работает почти так же.
Мы указываем, что теперь создали связь из http-server в наше новое приложение newapp. Если бы мы не выполнили npm link http-server, то получили бы ошибку об отсутствующем модуле. (а вот наш и «paste» о чём я писал выше, теперь вам должна быть понятна логика создания связей)
Отмена связи между пакетами приложения
(здесь мы просто отменяем наш «paste» для этого приложения)
Отмена связи пакета в системе
(здесь мы отменяем наш «copy» для этого пакета)
Создание нового пакета
(от себя хочу лишь заметить, что создание пакета не такая простая задача в одну команду, подробнее можно почитать в другой статье)
Добавление нового пользователя
Публикация пакета в репозиторий npm
Удаление пакета из репозитория npm
Управление правами доступа к пакетам в репозитории npm
Вы можете задать права доступа других пользователей к опубликованному пакету:
Источник