Как работает NPM и чем он полезен

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

Здесь на помощь приходит пакет JavaScript. Пакет — это файл или набор файлов, заполненных существующими повторно используемыми кодами. Они предназначены для совместного использования, что позволяет многим веб-разработчикам использовать один и тот же код в своих проектах.

Значение существующего кода

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

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

Настройка диспетчера пакетов узла

Давайте удостоверимся, что наша среда настроена для работы с npm. npm автоматически устанавливается вместе с Node.js, который уже должен быть установлен в вашей системе, если вы работаете с JavaScript.

Чтобы подтвердить, что у вас установлен узел, введите в командной строке следующее:

Если появится версия, у вас есть Node.js. Если случайно у вас не установлен Node.js, вы можете использовать Диспетчер версий узла, чтобы установить Node.js и поддерживать его в актуальном состоянии.

Вы также можете перепроверить npm, выполнив следующее:

Номер версии должен появиться в вашем терминале. При желании вы можете обновить npm, введя следующее:

Теперь, когда у нас установлен npm, что же такое npm?

Как упоминалось ранее, npm — это менеджер пакетов для JavaScript. Это означает, что npm работает с вашими каталогами проектов JavaScript через командную строку, позволяя вам устанавливать пакеты уже существующего кода — все виды кода!

Некоторые пакеты довольно маленькие, например isNumber, пакет, который имеет одну функцию: проверить, является ли значение числом, а другие намного сложнее. Огромные библиотеки и фреймворки, в том числе React и Express, доступны в виде пакетов npm. Более крупные пакеты часто строятся с использованием комбинации других пакетов, которые позволяют разработчикам постоянно расширять JavaScript, создавая новые и более мощные инструменты и приложения.

npm install и package.json

Файл package.json сообщает вам (и npm) все о том, какие пакеты требуются для конкретного приложения JavaScript, перечисляя имена каждого пакета.

Когда мы запускаем команду npm install в каталоге, где присутствует файл package.json, npm считывает имена каждой зависимости из файла package.json и загружает пакеты с npmjs.com, где они размещены. Затем он начинает установку этих пакетов.

У этих пакетов также есть свои package.json со своими зависимостями! npm также должен получить эти пакеты, и если эти пакеты имеют какие-либо зависимости, также получите их. Так далее и тому подобное. Это то, что мы называем деревом зависимостей.

Обратите внимание: если вы работаете в локальной среде, запуск npm install создает папку с именем node_modules, содержащую все загруженные пакеты.

При создании проекта с нуля вы можете понять, что вам нужен какой-то конкретный пакет. Мы можем установить пакеты, запустив npm install <package_name> внутри каталога проекта. Если у вас нет правильно структурированного файла package.json, установка не будет работать!

Файл package.json написан в формате JSON, поэтому, как и объект в JavaScript, он всегда заключен в фигурные скобки и включает в себя ключи и значения. Файл также обычно содержит информацию о проекте, такую ​​как название, версия, автор и лицензия. Основной пример:

Вывод

Для всех продвинутых уроков JavaScript, включая React и Redux, мы полагаемся на npm, чтобы настроить множество вещей «изнутри». Приложения, которые мы создаем, стали возможными благодаря вкладу тысяч других программистов до нас!