VSC | Как открыть инструменты разработчика? — efim360.ru

VSC | Как открыть инструменты разработчика?

Редактор кода Visual Studio Code по сути является обычным браузером, работающим на движке Chrome. Это значит то, что у него можно открыть инструменты разработчика и посмотреть нужные участки кода или воспользоваться привычной консолью с JavaScript.

В обычном браузере инструменты разработчика открываются при помощи сочетания клавиш CTRL + SHIFT + I. В настройках Visual Studio Code это сочетание клавиш точно такое же, но в некоторых случаях оно не срабатывает.

Чтобы открыть инструменты разработчика в редакторе кода Visual Studio Code нужно:

  1. В основном верхнем меню нажать на вкладку «Вид«
  2. В выпадающем списке нужно нажать на пункт «Палитра команд…«
  3. В строке поиска нужно ввести «Разработчик: Переключить средства разработчика» или «Developer: Toggle Developer Tools«
  4. В выпавшем списке нужно нажать на пункт «Разработчик: Переключить средства разработчика» или «Developer: Toggle Developer Tools» и инструменты разработчика откроются. Далее их внешний вид можно настроить привычным способом

 

Скриншоты:

Вкладка "Вид"пункт "Палитра команд..." VSC
Вкладка «Вид»пункт «Палитра команд…» VSC
Инструменты разработчика открыты в редакторе VSC
Инструменты разработчика открыты в редакторе VSC
В строке поиска нашли нужную команду "Разработчик: Переключить средства разработчика" или "Developer: Toggle Developer Tools"
В строке поиска нашли нужную команду «Разработчик: Переключить средства разработчика» или «Developer: Toggle Developer Tools»