Как установить Node.js и создать локальную среду разработки на Windows

Автор выбрал Code.org для получения пожертвования в рамках программы Write for Donations.

Введение

Node.js – популярная среда выполнения JavaScript, которая помогает вам работать с библиотеками JavaScript для фронтенда, такими как React, Angular и Vue. Вы также можете создавать полноценные приложения, используя фреймворки Express и Nest. Для создания JavaScript-приложений вам потребуется локальная среда Node.

В этом руководстве вы настроите локальную среду программирования Node.js для вашего компьютера под управлением Windows.

Предварительные требования

Вам понадобится настольный или ноутбук с установленной Windows 10 и правами администратора, а также интернет-соединение.

Шаг 1 — Установка Node.js с помощью менеджера версий Node

Менеджер версий Node или NVM является предпочтительным способом установки Node.js на ваш компьютер. NVM позволяет поддерживать несколько версий Node.js одновременно, что полезно, если вам нужно использовать конкретные версии Node для различных проектов. У NVM есть версия для Windows, которую вы будете использовать для установки Node.js на этом этапе.

Посетите страницу выпусков NVM-windows, чтобы получить последнюю версию. На момент написания этого учебного пособия последняя версия NVM – 1.1.9.

Прокрутите до раздела Ресурсы и нажмите на nvm-setup.exe, чтобы загрузить файл установки в папку загрузок вашего компьютера:

После завершения загрузки перейдите в место загрузки и дважды щелкните по файлу nvm-setup.exe, чтобы начать процесс установки.

Мастер установки загрузится и предоставит опции для выбора, такие как папка назначения для инструмента:

Следуйте инструкциям установки, чтобы установить NVM на ваш компьютер.

Затем откройте Терминал, командную строку или PowerShell от имени Администратора на вашем компьютере.

Используйте эту команду, чтобы проверить установку NVM:

nvm -v

Вы увидите следующий вывод с номером версии NVM:

Output
Running version 1.1.9.
...

Вы можете просмотреть, какие версии Node доступны для установки с помощью этой команды:

nvm list available

Вы увидите список версий Node:

Output
|   CURRENT    |     LTS      |  OLD STABLE  | OLD UNSTABLE |
|--------------|--------------|--------------|--------------|
|    18.7.0    |   16.16.0    |   0.12.18    |   0.11.16    |
|    18.6.0    |   16.15.1    |   0.12.17    |   0.11.15    |
|    18.5.0    |   16.15.0    |   0.12.16    |   0.11.14    |
|    18.4.0    |   16.14.2    |   0.12.15    |   0.11.13    |
|    18.3.0    |   16.14.1    |   0.12.14    |   0.11.12    |
|    18.2.0    |   16.14.0    |   0.12.13    |   0.11.11    |
|    18.1.0    |   16.13.2    |   0.12.12    |   0.11.10    |
|    18.0.0    |   16.13.1    |   0.12.11    |    0.11.9    |
|    17.9.1    |   16.13.0    |   0.12.10    |    0.11.8    |
|    17.9.0    |   14.20.0    |    0.12.9    |    0.11.7    |
|    17.8.0    |   14.19.3    |    0.12.8    |    0.11.6    |
|    17.7.2    |   14.19.2    |    0.12.7    |    0.11.5    |
|    17.7.1    |   14.19.1    |    0.12.6    |    0.11.4    |
|    17.7.0    |   14.19.0    |    0.12.5    |    0.11.3    |
|    17.6.0    |   14.18.3    |    0.12.4    |    0.11.2    |
|    17.5.0    |   14.18.2    |    0.12.3    |    0.11.1    |
|    17.4.0    |   14.18.1    |    0.12.2    |    0.11.0    |
|    17.3.1    |   14.18.0    |    0.12.1    |    0.9.12    |
|    17.3.0    |   14.17.6    |    0.12.0    |    0.9.11    |
|    17.2.0    |   14.17.5    |   0.10.48    |    0.9.10    |

Node имеет две основные версии: Current и LTS для долгосрочной поддержки. В целях разработки рекомендуется установить версию LTS. Вы также можете прочитать больше о том, какую версию Node использовать.

Затем установите последнюю версию LTS из этого списка с помощью следующей команды:

nvm install 16.16.0

Node.js версии 16.16.0 будет установлена на вашем компьютере:

Output
Downloading node.js version 16.16.0 (64-bit)...
Extracting...
Complete

Installation complete. If you want to use this version, type

nvm use 16.16.0

Просмотрите установленные версии Node на вашем компьютере:

nvm list

Вы увидите список доступных версий Node:

Output
    16.16.0
  * 16.15.0 (Currently using 64-bit executable)
    14.16.0
    8.12.0

Если у вас установлено более одной версии, вы можете выбрать другую версию из этого списка с помощью nvm use, указав желаемую версию:

nvm use 16.16.0

Вы увидите вывод подобный этому:

Output
Now using node v16.16.0 (64-bit)

Используйте следующую команду для проверки версии Node:

node --version

Вы увидите версию Node в выводе:

Output
v16.16.0

Node также устанавливает менеджер пакетов Node (NPM) для установки и управления пакетами Node. Используйте следующую команду для проверки версии NPM:

npm --version

Вы увидите версию NPM в выводе:

Output
8.11.0

На этом этапе вы установили Node. Чтобы завершить настройку локальной среды разработки, вам также потребуется Git Bash на вашем компьютере с Windows, который вы установите на следующем этапе.

Шаг 2 — Установка Git Bash

На этом этапе вы установите Git Bash на свой компьютер. Git – популярная система контроля версий, а Bash – популярная терминальная программа для операционной системы Linux.

Как пользователь Windows, вы можете выполнять большинство задач с помощью встроенного командного запроса или PowerShell. Однако команды, основанные на Linux, являются стандартом в современных рабочих процессах разработки. Изучая команды Bash, вы сможете следовать большинству учебных пособий по программированию.

Если у вас установлена Windows 11 или последняя версия Windows 10 для разработчиков, вы можете установить Git с помощью утилиты командной строки winget:

winget install --id Git.Git -e --source winget

Инструмент winget является клиентским интерфейсом службы управления пакетами Windows.

Флаг --id указывает winget установить пакет, идентифицированный его уникальным идентификатором. Флаг -e или exact требует чувствительности к регистру. Флаг --source гарантирует установку из указанного источника: в данном случае из репозитория winget.

Вы также можете установить Git Bash с помощью мастера установки, посетив веб-сайт Git:

Если вы выбираете использовать мастер установки, запустите файл установки с настройками по умолчанию по завершении загрузки:

Для проверки вашей установки Git выполните следующую команду:

git --version

Вы увидите версию:

Output
git version 2.30.2.windows.1

С необходимыми инструментами на вашем компьютере теперь вы можете создать простую программу Node.js, чтобы убедиться, что все работает как ожидалось.

Шаг 3 — Создание простой программы

На этом этапе вы создадите простое приложение “Привет, мир”, чтобы протестировать среду выполнения Node.js.

Откройте приложение Git Bash, которое вы только что установили. Затем используйте следующую команду, чтобы создать новый файл с помощью nano, текстового редактора в командной строке:

nano hello.js

В качестве альтернативы вы можете открыть этот файл в вашем предпочитаемом редакторе, таком как VSCode.

Добавьте следующие строки в файл hello.js:

let message = "Hello, World!";
console.log(message);

Сначала вы определяете переменную message со строкой Hello, World!. Затем, когда файл запускается, console.log отображает содержимое переменной message.

Сохраните и закройте файл.

Теперь запустите эту программу с помощью Node:

node hello.js

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

Output
Hello, World!

Node.js позволяет вам выполнять код JavaScript без браузера, поэтому вы можете запустить файл hello.js.

Заключение

Node – это мощная среда выполнения JavaScript. В этом руководстве вы создали свою локальную среду разработки Node в Windows 10.

Теперь, когда у вас настроена локальная среда разработки в Windows, вы можете настроить сервер Node и начать создавать фронтенд-приложения, следуя нашим руководствам по React, Angular и Vue.js. Для разработки полного стека вы можете настраивать проекты в Express.