Разработка Node.js с VS Code

Visual Studio Code (VS Code) — это бесплатный редактор кода с открытым исходным кодом, разработанный Microsoft, и один из самых популярных редакторов для разработки на Node.js.

Ключевые преимущества

  • Встроенная поддержка Node.js: предоставляет такие функции, как интеллектуальное автодополнение кода и отладка
  • Богатый набор расширений: различные инструменты разработки Node.js можно установить через магазин расширений
  • Встроенный терминал: запуск программ Node.js прямо в редакторе
  • Лёгкий и быстрый: быстрый запуск и низкое потребление ресурсов

Установка VS Code

  1. Посетитеофициальный сайт VS Code
  2. Скачайте версию, соответствующую вашей операционной системе
  3. Следуйте инструкциям мастера установки, чтобы завершить установку
  4. Полное руководство по VS Code:https://www.example.com/vscode/vscode-tutorial.html

Кроме того, у Alibaba и ByteDance в Китае также есть AI IDE, разработанные на основе VS Code:

Рекомендуемые расширения

  1. Node.js Extension Pack: набор, содержащий несколько плагинов, связанных с Node.js
  2. JavaScript (ES6) code snippets: предоставляет фрагменты кода ES6+
  3. Auto Rename Tag: автоматически переименовывает теги HTML/XML
  4. ESLint: инструмент проверки качества кода
  5. Prettier: инструмент форматирования кода
  6. npm Intellisense: автодополнение для пакетов npm
  7. Path Intellisense: автодополнение путей к файлам

Создание вашего первого проекта Node.js

Инициализация проекта

  1. Откройте терминал (нажмите Ctrl+` в VS Code)
  2. Создайте папку проекта и перейдите в неё:
    mkdir my-node-app
cd my-node-app

  3. Инициализируйте проект npm:

    npm init -y

    Это создаст файл package.json:

Создание основного файла

  1. В VS Code создайтеapp.jsфайл
  2. Введите следующий код:

    Пример

    const http = require('http');

    const server = http.createServer((req, res) => {
      res.statusCode = 200;
      res.setHeader('Content-Type', 'text/plain');
      res.end(' ПРИМЕР теста Node ~ Привет, Node.js!\n');
    });

    const port = 3000;
    server.listen(port, () => {
      console.log(`Адрес запуска сервера: http://localhost:${port}/`);
    });

Запуск проекта

  1. Выполните в терминале:
    node app.js

  2. Откройте браузер и перейдите по адресуhttp://localhost:3000

Обратите внимание, что когда мы вводимconsole., IntelliSense в VS Code может предлагать подсказки кода:

Отладка приложений Node.js

VS Code предоставляет мощные возможности отладки:

Настройка отладки

  1. Щёлкните значок "Run and Debug" на левой панели действий
  2. Щёлкните "create a launch.json file"
  3. Выберите среду "Node.js"

Установка точек останова

  1. Щёлкните слева от номера строки кода, чтобы установить точку останова
  2. Нажмите F5, чтобы начать отладку
  3. Используйте панель инструментов отладки для управления ходом выполнения

Элементы управления отладкой

  • Продолжить (F5): продолжить выполнение до следующей точки останова
  • Шаг с обходом (F10): выполнить текущую строку, не заходя внутрь функций
  • Шаг с заходом (F11): перейти внутрь тела функции
  • Перезапустить (Ctrl+Shift+F5): перезапустить отладку
  • Остановить (Shift+F5): завершить отладку
Другие расширения