Что такое нпм?
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 будет описан в другом блоге, но теперь у вас есть общее представление.
Спасибо за прочтение! Скоро я опубликую другие темы, которые могут быть вам интересны. Пожалуйста, не стесняйтесь комментировать ниже или связаться со мной, если вы считаете, что я должен добавить, исправить или удалить что-либо из этой статьи.