[Герасим]

Сложно назвать Chrome DevTools (F12) нормальным отладчиком, там элементарно даже события на нужном элементе так просто не посмотреть, имхо хром слился в этом плане уже, нода только его и спасает, странно что здесь в Учебнике это до сих не исправили, вводят новичков в заблуждение.

Без него было бы вообще тоскливо.
Конкретизирую вопрос.
Отладчик настраивается через launch.json, и вот его содержимое:

// Используйте IntelliSense, чтобы узнать о возможных атрибутах.
    // Наведите указатель мыши, чтобы просмотреть описания существующих атрибутов.
    // Для получения дополнительной информации посетите: [url]https://go.microsoft.com/fwlink/?linkid=830387[/url]
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome",
            "url": "http://localhost:8020/dragdrop/r000/index1.html",
            "webRoot": "${workspaceRoot}"
        },
        {
            "name": "Launch localhost",
            "type": "chrome",
            "request": "launch",
            "url": "http://localhost:8020/dragdrop/r000/index1.html",
            "webRoot": "${workspaceRoot}"
        }
    ]
}

начнём с установки брейк-поинтов, что надо тут прописать чтобы они в VSC проставлялись?