Редактор кода Visual Studio Code по сути является обычным браузером, работающим на движке Chrome. Это значит то, что у него можно открыть инструменты разработчика и посмотреть нужные участки кода или воспользоваться привычной консолью с JavaScript.
В обычном браузере инструменты разработчика открываются при помощи сочетания клавиш CTRL + SHIFT + I. В настройках Visual Studio Code это сочетание клавиш точно такое же, но в некоторых случаях оно не срабатывает.
Чтобы открыть инструменты разработчика в редакторе кода Visual Studio Code нужно:
- В основном верхнем меню нажать на вкладку "Вид"
- В выпадающем списке нужно нажать на пункт "Палитра команд..."
- В строке поиска нужно ввести "Разработчик: Переключить средства разработчика" или "Developer: Toggle Developer Tools"
- В выпавшем списке нужно нажать на пункт "Разработчик: Переключить средства разработчика" или "Developer: Toggle Developer Tools" и инструменты разработчика откроются. Далее их внешний вид можно настроить привычным способом
Скриншоты:
