Установка 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 и зависимостей, перечисленных в файле упаковщика, все модули узла, от которых зависит ваш проект, будут автоматически установлены.