Что такое нпм?

NPM (расшифровывается как Node Package Manager) — крупнейший реестр программного обеспечения в мире. Он содержит более 1,3 миллиона пакетов, как общедоступных, так и частных, и все общедоступные пакеты npm можно загрузить бесплатно без регистрации.

Зачем нам пакет?

iPhone изготавливается из деталей со всего мира, произведенных разными компаниями. Айфоны не делают все свои детали с нуля; они заказывают их у разных компаний и собирают. Точно так же при разработке проекта не нужно создавать все с нуля, например, фреймворк, библиотеку или компонент и т. д. Например, если мы разрабатываем приложение React и хотим добавить функцию перетаскивания чтобы пользователи могли загружать файлы. Нет необходимости создавать это с нуля; мы можем просто использовать пакет react-dropzone. Точно так же npm registry содержит миллионы пакетов, что облегчает жизнь разработчикам.

Как установить нпм?

NPM устанавливается вместе с Node, поэтому нет необходимости устанавливать его отдельно.

Как установить пакет npm?

Следующая команда загрузит и установит пакет npm.

npm install <package>

Чтобы установить конкретную версию, мы должны указать ее следующим образом.

npm install <package>@<version>

Мы также можем просто написать i вместо install.

Как установить пакет npm глобально?

npm install --global <package>

Мы также можем написать -g вместо --global.

Как установить пакет npm и сохранить его как зависимость?

npm install --save <package>

Мы также можем записать приведенный выше комментарий в сокращенной форме следующим образом:

npm i -S <package>

Всякий раз, когда мы сохраняем пакет в качестве зависимости, он автоматически указывается в файле package.json под dependencies и потребуется при запуске нашего кода. Больше нет необходимости указывать —-save или -S, достаточно npm install <package>.

Как установить пакет npm и сохранить его как devDependency?

npm i --save-dev <package>

Мы также можем записать приведенный выше комментарий в сокращенной форме следующим образом:

npm i -D <package>

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

Во время производства зависимости для разработки устанавливаются и сохраняются, поскольку npm предполагает, что это развертывание для разработки, поэтому мы используем следующую команду, чтобы остановить это.

npm install --production

Как установить зависимости проекта?

Нам может потребоваться установить десятки пакетов в проекте, чтобы он работал правильно, что сложно сделать вручную, поэтому мы можем запустить эту команду, чтобы установить зависимости на основе файла package.json. Когда спецификации изменятся, и мы снова запустим команду, она установит пакеты в соответствии с обновленными спецификациями.

npm install

Как выполнить скрипт?

Мы используем следующую команду для запуска сценариев, упомянутых в package.json.

npm run <script>

О файлах и папке

node_modules: автоматическая папка, которая создается при запуске команды npm i. Эта папка содержит модули и библиотеки, которые мы импортируем в наш проект. Мы никогда не помещаем эту папку в git, так как она очень большая, поэтому любой, кто хочет клонировать проект, может просто запустить npm i, и node_module будет сгенерирован в соответствии с package.json.

package.json:файл манифеста JSON, хранящийся в корне проекта Node, содержит всю информацию о приложении, такую ​​как его зависимости, сценарии, версии и т. д.

package-lock.json: автоматически сгенерированный файл, который генерируется для любой операции, изменяющей либо дерево node_modules, либо файл package.json, который описывает, как было создано точное дерево, что позволяет последующим установкам иметь такое же дерево.

Как инициализировать новый пакет?

Выполните следующую команду и ответьте на несколько вопросов, чтобы инициализировать пакет.

npm init

После того, как мы закончим, будет сгенерирован файл package.json, и мы сможем установить соответствующие зависимости.

Как опубликовать пакет?

Наш первый шаг — создать учетную запись npm. Затем мы войдем в систему с нашего терминала, используя следующую команду.

npm login

Следующая команда проверяет, вошли ли мы в систему.

npm whoami

Теперь мы можем перейти в папку нашего проекта и просто использовать следующую команду.

npm publish

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

Спасибо за прочтение! Скоро я опубликую другие темы, которые могут быть вам интересны. Пожалуйста, не стесняйтесь комментировать ниже или связаться со мной, если вы считаете, что я должен добавить, исправить или удалить что-либо из этой статьи.