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]