Добавляем поддержку Node.js в Visual Studio 2017

В настоящее время существует несколько популярных IDE которые поддерживают Node.js. В их числе: Web Storm от JetBrains, NetBeans и VisualStudio. Но, если в первых двух поддержка разработки на Node.js уже есть из коробки (правда, в случае NetBans это справедливо не для всех редакций), то для Visual Studio её необходимо добавить.

К сожалению, расширение Visual Studio для Node.js включает только установку шаблонов проектов и средств для работы с кодом и отладки. Поэтому устанавливать сам Node.js придётся самостоятельно.

Скачать Node.js можно с официального сайта.

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

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

Установка Node.js завершена

После его завершения можно приступить к установке расширения Visual Studio для Node.js. Настоятельно рекомендуется перед этим закрыть Visual Studio, если она запущена.

Установку будем выполнять при помощи утилиты Visual Studio Installer («Установщик Visual Studio»).

Процесс установки стандартный. После запуска Visual Studio Installer нужно нажать кнопку «Изменить» рядом с установленным выпуском Visual Studio. В открывшемся окне на вкладке «Рабочие нагрузки» нажимаем кнопку «Разработка Node.js» (на скриншоте выделена красным) и затем кнопку «Изменить».

Поддержка Node.js в VS2017

После этого ждём пока Visual Studio Installer загрузит и установит необходимые компоненты. Когда процесс установки завершится Visual Studio Installer можно закрыть.

При запуске Visual Studio в окне создания нового проекта можно будет увидеть шаблоны для Node.js.

Установленные шаблоны Node.js

Убедительно рекомендуется соблюдать описанный в статье порядок добавления поддержки Node.js в Visual Studio.

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

К счастью, это можно исправить путём самостоятельной загрузки пакетов через npm.

Visual Studio предоставляет своего рода графическую оболочку для npm. Чтобы ей воспользоваться необходимо в обозревателе решений открыть ваш проект и кликнуть правой кнопкой мыши на разделе npm. В открывшемся контекстном меню нужно выбрать пункт «Установить отсутствующие пакеты npm» (см. скриншот ниже).

Установка отсутствующих пакетов

После завершения процесса установки проблема должна быть решена.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *