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

• npm расшифровывается как Node Package Manager.  

• Используется для управления зависимостями и библиотеками в проектах.  

• В телеграм-чате можно задать вопросы по веб-разработке.  

• npm помогает добавлять библиотеки в проекты.  

• Пример: установка библиотеки React.  

• npm предоставляет множество команд для управления зависимостями.  

• Пример установки библиотеки Bootstrap вручную.  

• Использование команды `npm install` для установки библиотек.  

• Проблемы с управлением версиями и зависимостями.  

• npm устанавливается вместе с Node.js.  

• Проверка наличия npm через терминал.  

• Пример использования команды `npm init` для инициализации проекта.  

• Файл package.json содержит информацию о проекте.  

• Команда `npm install` устанавливает одну или несколько библиотек.  

• Файл package-lock.json помогает разрешать конфликты версий.  

• Папка node_modules содержит установленные библиотеки.  

• Не рекомендуется передавать папку node_modules в репозиторий.  

• Команда `npm install` устанавливает все зависимости из package.json.  

• Удаление папки node_modules не влияет на проект.  

• Команда `npm install` восстанавливает недостающие зависимости.  

• Пример восстановления библиотеки Lodash после удаления.  

• Для удаления библиотеки используется команда npm uninstall.  

• Команда удаляет как код зависимости, так и запись о ней из файла package.json.  

• Библиотеки постоянно обновляются, исправляются баги и добавляется новый функционал.  

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

• Для установки конкретной версии библиотеки используется символ "собака" и номер версии.  

• Это позволяет избежать путаницы и гарантирует совместимость с образовательным материалом.  

• Символ циркумфлекс перед номером версии библиотеки указывает на установку версии, совместимой с указанной.  

• Удаление символа циркумфлекс позволяет установить конкретную версию, указанную в package.json.  

• Версии библиотек состоят из трех чисел, разделенных точкой.  

• Первое число указывает на мажорное изменение, второе — на минорное, третье — на патч-версию.  

• Разработчики могут выпускать патчи, которые могут нарушать обратную совместимость.  

• Флаги в командах npm позволяют устанавливать библиотеки с дополнительными параметрами.  

• Флаг "safe-dev" добавляет зависимости в поле devDependencies, а не в mainDependencies.  

• Зависимости делятся на devDependencies для разработки и mainDependencies для конечного пользователя.  

• Это помогает разработчикам лучше понимать проект и делиться библиотеками через npm.  

• Зависимости в package.json делятся на обычные и dev.  

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

• Рекомендуется делить зависимости на обычные и dev для удобства.  

• Команда npm install заменяет npm install -S.  

• Для установки конкретной зависимости используется npm i.  

• Флаг dev можно сократить до -D.  

• Поле scripts содержит скрипты для работы над проектом.  

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

• Можно добавить свою команду для запуска процессора стилей Sass.  

• Команда npm run запускает скрипт Sass.  

• Sass следит за файлами в папке src и компилирует их.  

• Можно указать относительный путь для отслеживания файлов в папке src.  

• npm run запускает команды из package.json.  

• Сборщики проектов упрощают работу с зависимостями.  

• Важно использовать сборщики для декомпозиции проекта и минимизации дублирования кода.  

• Сборщик проектов помогает структурировать проект.  

• Исходный код и сторонние библиотеки хранятся в разных папках.  

• Сборщик упрощает работу с зависимостями, находя нужные файлы автоматически.  

• Сборщики проектов склеивают исходный код и сторонние библиотеки в один файл.  

• Важно использовать сборщики для упрощения работы с зависимостями.  

• Технология сборщиков проектов будет разобрана в следующих видео.  

• Ошибки могут возникать из-за конфликтов зависимостей.  

• Команда `npm cache clean --force` может помочь.  

• Удаление папки `node_modules` и файла `package-lock.json` и повторная установка через `npm i` также могут быть полезны.  

• Команда `npx` работает как исполняемый файл в Windows.  

• Создает стартовую структуру папок и устанавливает зависимости.  

• Пример использования: создание проекта на фреймворке Next.js с использованием библиотеки React.  

• Создает начальную структуру проекта, но не устанавливает зависимости автоматически.  

• После выполнения `npm init` нужно вручную установить все зависимости через `npm i`.  

• Пример использования: создание проекта с использованием сборщика проектов Vite.  

• В меню слева перечислены все команды npm.  

• В категории `npm config` можно найти флаги и их сокращенные версии.  

• В меню справа можно найти детальное описание флагов.  

• Существуют альтернативные менеджеры пакетов, такие как Yarn, Pnpm и Bump.  

• Синтаксис может отличаться, но все они имеют схожие функции.  

• Начинающим разработчикам рекомендуется изучить npm, так как он имеет достаточный функционал и производительность.  

• Альтернативные менеджеры пакетов могут иметь преимущества в скорости установки и разрешении конфликтов.  

• Все менеджеры пакетов упрощают работу с зависимостями.  

• Рекомендуется начать с npm, а затем переходить к другим менеджерам пакетов при необходимости.