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"

 

 

 

Поделись записью