Как установить Node.js в Visual Studio Code: настройка без путаницы

Node.js не устанавливается внутрь Visual Studio Code как обычное расширение. Node.js ставится в операционную систему, а VS Code просто открывает проект, терминал и помогает запускать файлы

Если сказать проще: сначала устанавливаем Node.js, потом открываем VS Code и проверяем node -v во встроенном терминале

Короткий ответ

  1. Установите Node.js с официального сайта: https://nodejs.org/en/download/
  2. Откройте Visual Studio Code
  3. Откройте встроенный терминал
  4. Выполните проверку
node -v
npm -v

Если версии выводятся, VS Code видит Node.js

Как открыть терминал в VS Code

В верхнем меню выберите Terminal → New Terminal. Внизу откроется встроенный терминал. Именно туда нужно вводить команды node, npm, npm install, npm run dev

Проверьте

node -v

Если команда не найдена, закройте VS Code полностью и откройте заново. Иногда редактор был запущен до установки Node.js и не увидел новый PATH

Как запустить первый файл JavaScript

Создайте папку проекта и файл hello.js

console.log("Node.js работает в VS Code")

Откройте терминал в VS Code и выполните

node hello.js

В терминале должен появиться текст

Node.js работает в VS Code

Если файл лежит в другой папке, сначала откройте правильную папку через File → Open Folder

Нужно ли расширение Node.js для VS Code

Для простого запуска Node.js расширение не обязательно. Достаточно установленного Node.js и встроенного терминала

Полезными могут быть расширения для JavaScript, ESLint, TypeScript или конкретного фреймворка, но они не заменяют Node.js. Если node -v не работает в терминале, расширение это не исправит

Как открыть готовый Node.js-проект

Если у проекта есть файл package.json, сначала установите зависимости

npm install

Затем посмотрите команды в package.json

{
  "scripts": {
    "start": "node server.js",
    "dev": "vite --host 0.0.0.0"
  }
}

Запуск может быть таким

npm run start

Или таким

npm run dev

Команду нужно брать из проекта, а не угадывать

Как настроить запуск через Run and Debug

Для первых шагов проще запускать через терминал. Когда вы уже понимаете команду запуска, можно настроить отладку в VS Code

Минимальный launch.json для файла hello.js может выглядеть так

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Launch hello.js",
      "program": "${workspaceFolder}/hello.js"
    }
  ]
}

Но если вы только установили Node.js, не начинайте с отладчика. Сначала добейтесь, чтобы node hello.js работал в терминале

Мини-практика

Откройте VS Code, создайте папку node-vscode-demo, внутри файл hello.js, выведите две строки через console.log() и запустите node hello.js

После этого создайте package.json командой

npm init -y

Так вы увидите, как проект превращается из одного файла в Node.js-папку с настройками

Частые ошибки

Ошибка первая: искать кнопку «установить Node.js» в VS Code. Node.js ставится отдельно

Ошибка вторая: открыть терминал не в той папке. Команда node hello.js ищет файл в текущей папке терминала

Ошибка третья: установить Node.js, но не перезапустить VS Code

Ошибка четвертая: запускать проект без npm install. Если зависимостей нет, проект не найдет библиотеки

Что почитать дальше по Node.js

Если нужен общий маршрут по теме, откройте рубрику Node.js. Для соседних задач пригодятся эти разборы:

Оцените статью
0 0 голоса
Рейтинг статьи
Подписаться
Уведомить о
guest

0 комментариев
Старые
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии
0
Оставьте комментарий! Напишите, что думаете по поводу статьи.x