Инициализация проекта и установка зависимости через npm install

Как инициализировать проект и установить зависимости через npm install

Инициализация проекта и установка зависимостей через npm install — это процесс создания файла package.json командой npm init и последующей загрузки всех необходимых пакетов из репозитория npm. После выполнения npm install в проекте создаётся папка node_modules со всеми зависимостями и файл package-lock.json для фиксации версий.

Зачем это нужно

  • npm init создаёт файл package.json, который содержит метаинформацию о проекте и список всех зависимостей
  • Команда npm install скачивает все пакеты, указанные в package.json, в локальную папку node_modules
  • Инициализация проекта необходима для совместной разработки, так как другие разработчики могут просто запустить npm install вместо клонирования папки node_modules
  • Файл package-lock.json гарантирует, что все разработчики используют одинаковые версии зависимостей
  • Установка зависимостей через npm позволяет управлять библиотеками без ручного скачивания и обновления версий
  • npm init автоматически генерирует структуру метаданных проекта, которая требуется для развёртывания на серверах и в контейнеризации
  • Процесс инициализации включает установку dev-зависимостей (тестирование, сборка, линтинг), которые не нужны на продакшене
  • npm install позволяет легко добавлять новые пакеты через команду npm install имя-пакета без ручального редактирования package.json

Пошаговая инструкция

  1. Проверьте наличие Node.js на компьютере, открыв командную строку и выполнив node --version
  2. Если Node.js не установлен, скачайте его с официального сайта nodejs.org и установите
  3. Убедитесь, что npm установлен, выполнив команду npm --version в командной строке
  4. Откройте проводник и создайте новую папку для вашего проекта (например, my-app)
  5. Откройте командную строку (нажмите Win+R, введите cmd и нажмите Enter)
  6. Перейдите в папку проекта, выполнив команду cd путь\к\папке\my-app
  7. Инициализируйте проект командой npm init
  8. Ответьте на вопросы инициализации: введите имя проекта (по умолчанию название папки)
  9. Укажите версию проекта (по умолчанию 1.0.0) или нажмите Enter для принятия значения по умолчанию
  10. Добавьте описание проекта или нажмите Enter для пропуска
  11. Укажите точку входа (по умолчанию index.js) или введите свой файл
  12. Добавьте тестовую команду или нажмите Enter для пропуска
  13. Укажите git-репозиторий проекта или нажмите Enter для пропуска
  14. Добавьте ключевые слова для поиска пакета или нажмите Enter для пропуска
  15. Введите имя автора проекта или нажмите Enter для пропуска
  16. Выберите лицензию проекта (по умолчанию ISC) или нажмите Enter для принятия
  17. Проверьте финальную информацию и нажмите Enter для подтверждения создания package.json
  18. Убедитесь, что файл package.json был создан в папке проекта, выполнив dir или ls
  19. Откройте файл package.json в текстовом редакторе (например, VS Code) для проверки содержимого
  20. Добавьте первую зависимость командой npm install express для примера установки пакета
  21. Дождитесь завершения процесса установки (это может занять несколько минут)
  22. Проверьте, что в папке проекта была создана директория node_modules
  23. Убедитесь, что в файле package.json появилась запись "express": "^версия" в секции dependencies
  24. Проверьте, что был создан файл package-lock.json для фиксации версий
  25. Установите дополнительные зависимости, выполнив npm install имя-пакета для каждого нужного пакета
  26. Добавьте dev-зависимости командой npm install --save-dev название-пакета для пакетов, нужных только при разработке
  27. После добавления всех нужных пакетов поместите папку node_modules в файл .gitignore
  28. Загрузите файлы package.json и package-lock.json в систему контроля версий (git)
  29. Для восстановления зависимостей на другой машине выполните npm install без указания имени пакета
  30. Убедитесь, что все зависимости установлены, проверив наличие папки node_modules и выполнив npm list

Часто задаваемые вопросы

Что такое package-lock.json и зачем он нужен? Файл package-lock.json фиксирует точные версии всех установленных пакетов, чтобы при повторной установке на другой машине устанавливались одинаковые версии.

Почему папка node_modules огромная и её нельзя загружать в git? Папка node_modules содержит тысячи файлов и может занимать гигабайты, поэтому её исключают через .gitignore, а другие разработчики устанавливают её командой npm install.

Как обновить все зависимости проекта до новых версий? Выполните команду npm update для обновления всех пакетов, или npm outdated для просмотра доступных обновлений перед обновлением.

Похожие материалы

Пакетный менеджер Composer на локальный сервер Windows
Полезные расширения для VS Code упрощающих написание кода
Visual Studio Code для верстки HTML и CSS