NPM — это сокращение от Node Package Manager.

Мы можем лучше понять NPM на примере из реальной жизни. Представьте себе супермаркет, и вы видите шоколад и мэгги. Все мы знаем, что шоколад не нужно готовить, чтобы его съесть. Продукт готов к употреблению. В то время как магги – это продукт, который нужно приготовить перед употреблением. Так что рассматривайте этот супермаркет как NPM, а все продукты, такие как шоколад и Мэгги, как зависимости и хранящиеся пакеты.

Когда когда-нибудь понадобится, нам нужно установить их для конкретного использования. То есть некоторые разработчики уже разработали код, и нам не нужно кодировать с нуля. Они готовы к использованию после установки. И этому способствует НПМ.

Важные моменты НПМ

  • Он используется для управления зависимостями различных зависимостей на стороне сервера.
  • Это менеджер пакетов для платформы Node Javascript. Он устанавливает модули, чтобы узел мог их найти и управлять зависимостями.
  • Обычно он используется для публикации, обнаружения, установки и разработки узловых программ.
  • Это крупнейший в мире реестр программного обеспечения.
  • Разработчики используют NPM для обмена программным обеспечением.
  • Установка NPM выполняется вместе с установкой NodeJS.

Мы должны знать, что все это хранится в файле package.json. Самое смешное, что любой может создать файл package.json. Этот файл будет содержать все сведения об установленных зависимостях и пакетах.

Мы можем создать сами, просто создав папку и используя терминал и набрав

инициализация npm

Это инициирует процесс. Просто укажите имя пакета, описание, имя автора, например детали, и нажмите Enter в других полях.

Импорт бутстрапа

Начальную загрузку можно установить с помощью пакета npm. Для этого вам нужно просто открыть терминал и ввести:

npm и начальная загрузка

Он будет установлен и может быть подтвержден в файле package.json.

Вы можете увидеть все подробности о bootstrap на самом веб-сайте. Если вы проверили файл node_modules, вы можете увидеть папку начальной загрузки. Внутри будет папка dist, затем проверьте css. В списке вы можете найти bootstrap.min.css, который мы будем использовать для наших проектов.

Поэтому импортируйте его в файл App.js, добавив

импортировать ‘../node_modules/bootstrap/dist/css/bootstrap.min.css’

Изображение выше является примером того, как мы добавили загрузчик, импортировав его из файла node_modules. А с помощью className мы можем получить доступ к стилям начальной загрузки!

Результат будет таким, как показано здесь:

Как это круто? Альтернатива импорту стилей CSS с использованием файлов CSS.

— — — — — — — — — — — — — — — — —

Подписывайтесь на меня!

Если вам понравилось, не забудьте похлопать :)

— — — — — — — — — — — — — — — — —

::Связаться с моими социальными сетями::

ЛинкедИн

Идентификатор почты: [email protected]