Возможно, не все, но многие разработчики используют npm для проектов. Npm — очень полезная функция для программистов. Итак, как установить npm на свой компьютер? Как создать файл package.json? Как устанавливать пакеты и многое другое.

Оглавление

  1. Установите Node.js
  2. Создать папку проекта
  3. Запустить нпм
  4. Установить npm-пакеты
  5. Командные клавиши терминала
  6. нпм я события
  7. Общий

Шаг 1. Установите Node.js

Если на вашем компьютере нет Node.js, установите Node.js с официального сайта. Зачем нам Node.js? Это просто. Нам нужен Node.js, потому что npm — это отдельный от Node.js проект. Просто без Node.js вы не сможете получить npm в своем проекте.

Если у вас уже есть Node.js на вашем компьютере, проверьте версию:

node -v

Поэтому проверьте версию npm, чтобы убедиться, что у вас установлена ​​последняя версия:

npm -v

Шаг 2. Создайте папку проекта

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

mkdir folder-name

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

ls

Кроме того, вы можете использовать базовый способ создания папки.
Возможно, в будущем я напишу статью о терминале и о том, как он может сэкономить ваше время, просто «бегая» по компьютерным каталогам.

Шаг 3. Запустите npm

Если вы начинаете свой проект с нуля и у вас нет файла package.json, запустите эту команду в своем проекте:

npm init --yes

Он создаст базовый файл package.json в папке вашего проекта:

Шаг 4. Установите пакеты npm

После того, как мы установили npm, давайте установим несколько пакетов. Все зависимости устанавливаются командой npm install или сокращенно npm i.

npm i eslint --save-dev --save-exact

Мы установили eslint в наш проект. Но что за странные слова с тире?

Шаг 5. Командные клавиши терминала

Что такое --save-dev и --save-exact?

Большинство терминальных команд имеют дополнительные настройки. Эти настройки называются командными клавишами.

--save-dev и --save-exact являются определяющими командами. Это нужно, чтобы уточнить, как установить пакет.

Ключ --save-dev установит пакет в разделе devDependencies файла package.json. Если вы забудете этот ключ, ваш пакет будет установлен в разделе dependencies. Это не проблема, но есть логическое разделение: devDependencies пакетов нужны для разработки, dependencies пакетов нужны для работы приложения.

Ключ --save-exact говорит установить точную версию пакета (обычно более новую). Если вы забудете этот ключ, ваш пакет будет установлен со знаком ^. Это означает «каждая версия от и выше». Ничего страшного, но если над вашим проектом будут работать несколько разработчиков, у них в 90% случаев будет разная версия пакетов. Это будет проблемой.

Некоторые клавиши имеют короткий путь, один дефис и начальную букву. Например, -D совпадает с --save-dev или -E совпадает с --save-exact.

npm i eslint -D -E

Плюсы короткого пути в их объединении и -D -Eбудет -DE

npm i eslint -DE

Так что порядок не важен. Вы также можете ввести -ED.

Шаг 6. События npm i

После того, как мы установили первый пакет в наш проект, мы можем увидеть некоторые события:

package-lock.json будет отформатирован в каталоге вашего проекта. Этот файл содержит историю версий наших зависимостей. Если у вас уже есть зависимости в вашем проекте, файл package-lock.jsonfile будет обновлен. Вы должны зафиксировать его в своем репозитории GitHub.
В вашем файле package.json будет создан новый блок с именем devDependencies (или обновлен).
Будет создана новая папка с именем node_modules. У вас нет совершить это. Почему? Поскольку все пакеты хранятся в файле package.json, и после того, как вы откроете свой проект на новом компьютере или вытащите репозиторий с GitHub, все, что вам нужно будет сделать, это установить пакеты, запустив npm i в терминале. Все ваши пакеты будут установлены мгновенно. Это потрясающе!

В package.json есть специальный раздел scripts. В этом разделе вы можете установить различные скрипты для запуска.

{
  "scripts": {
    "lint": "eslint"
  }
}

В этом примере у нас есть скрипт lint, который запустит eslint в нашем проекте:

npm run lint

Что делает эта команда? Он запустит пакет eslint в рабочей области Node.js. ESLint — это программа, которая анализирует ваш код JavaScript, чтобы найти проблемы.

Общий

В этой статье мы узнали, как запустить npm с нуля в наших будущих проектах. И мы поняли, как устанавливать пакеты, как их настраивать, что нам нужно коммитить и что лучше добавить в файл .gitignore. Спасибо, что прочитали эту статью.