1) Установите отладчик для Chrome в VS Code
2) Закройте все сеансы Chrome, а затем откройте экземпляр Chrome в режиме отладки. Это можно сделать одним из двух способов. Сначала отредактируйте ярлык на рабочем столе («Свойства», а затем «Цель»), чтобы Chrome начинался с этого: «C: \ Program Files (x86) \ Google \ Chrome \ Application \ chrome .exe» --remote -debugging-port = 9222 (и YES, двойные кавычки необходимы, если в каталоге для Chrome есть пробелы в адресе). В качестве альтернативы вы можете открыть терминал из VSCode (я использую опцию CMD.exe) и выполнить: «C: \ Program Files (x86) \ Google \ Chrome \ Application \ chrome .exe» --remote-debugging -port = 9222
3) Запуск IIS Express не требуется.
4) Скопируйте путь вашей веб-страницы из проводника и вставьте в адресную строку Chrome. Например, вставьте следующее в адресную строку Chrome: file: // D: /Data/VSCode/iisstart.html
5) Откройте запуск. json. Я использую очень простую конфигурацию. Использование Attach вместо Launch позволяет мне сохранить все расширения в Chrome, которые я обычно использую для разработки.
{
"type": "chrome",
"request": "attach",
"name": "Attach to Chrome",
"port": 9222,
},
6) Нажмите кнопку «Начать отладку» на вкладке «Отладка»
7) Если все работает, как ожидалось, вы должны увидеть строку меню отладки со значком подключения в верхней части окна. Экран VSCode.
Вот что мне понадобилось, чтобы заставить VS Code отлаживать.