Установка Node.JS

  • Загрузите последнюю версию Node.JS с официального сайта в соответствии со спецификациями ПК пользователя.

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

  • Откройте любой терминал (cmd или Win Powershell) и введите node -v и npm -v, чтобы проверить версии.

Работа с Node.JS

Цель

  • Настройте файл package.json в папке проекта для настройки вашего узла и NPM для этого проекта.
  • Установите модуль NPM и используйте его в своем проекте.

Что такое package.json?

  • Файл, который используется для предоставления информации npm, которая позволяет ему идентифицировать проект, а также обрабатывать зависимости проекта.
  • Содержит различные метаданные, относящиеся к проекту, такие как имя, версия, автор, git-репозиторий и т. д.
  • Все пакеты npm определены в package.json.
  • Содержимое package.json должно быть записано в формате JSON.

Инициализация package.json

  • Создайте папку с любым именем, скажем, git-test.
  • Откройте предпочитаемый текстовый редактор и создайте файл с именем index.html в папке git-test.
<html>
<title>NodeJS Basics</title>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
  • Теперь откройте эту папку в окне терминала и напишите npm init.
  • Вам будет предложено ввести различные данные для пакета, вы можете выбрать значения по умолчанию для большинства полей, кроме точки входа и репозитория git.
  • Установите точку входа как index.html и git-репозиторий как URL-адрес вашего репозитория Github, созданного для проекта.
  • Это создаст файл package.json в вашей папке git-test.

Установка модуля npm

  • Установите модуль NPM lite-server, который позволяет запускать веб-сервер разработки на основе Node.js, открывать его в браузере, обновлять при изменении html или javascript и обслуживать файлы проекта. .
  • Введите npm install lite-server --save-dev в своем терминале.
  • --save-dev указывает, что этот облегченный сервер используется для разработки зависимости для нашего проекта.
  • После установки вы заметите, что создана папка с именем node_modules. Внутри него будет много подпапок, содержащих различные модули узла, необходимые для нашего модуля узла, lite-server.
  • Откройте package.json в своем редакторе и добавьте эти две строки внутрь "scripts":{ } и сохраните его.
"start": "npm run lite",
"lite": "lite-server",

Теперь это должно выглядеть так, как показано ниже.

"scripts": { 
  "start": "npm run lite",
  "lite": "lite-server",
  "test": "echo \"Error: no test specified\" && exit 1"
}
  • Теперь вы можете запустить сервер разработки с помощью команды npm start внутри терминала.
  • Это должно открыть вашу страницу index.html в браузере по умолчанию.

Исключение папки node_modules из загрузки в онлайн-репозиторий

  • Создайте файл в каталоге вашего проекта с именем .gitignore, введите node_modules внутри и сохраните его. Это позволит игнорировать node_modules при загрузке в репозиторий.
  • Затем выполните git commit и отправьте изменения в онлайн-репозиторий. Вы заметите, что папка node_modules не будет добавлена ​​в коммит и не будет загружена в репозиторий.
  • Это сделано потому, что модули узлов всегда можно воссоздать, введя npm install в нашей командной строке. И затем на основе зависимостей dev и зависимостей, перечисленных в файле упаковщика, все модули узла, от которых зависит ваш проект, будут автоматически установлены.