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