Элементы проверки кода VS

Question

Я использую Adobe Dreamweaver (2005) для веб-разработки. Я недавно перешел на VS Code. Dreamweaver имеет встроенный браузер, в котором я могу проверить элемент HTML, и он сразу же найдет его в редакторе. Это очень удобно, особенно когда я работаю над грязными проектами, которые развивались годами. Мне очень нравится многое в VS Code, но эта функция важна для экономии времени. Есть ли способ получить эту функцию в VS Code?

Спасибо

Answer 1

Функция, которую вы ищете, теперь встроена в каждый основной браузер в виде инструментов разработчика: https://developers.google.com/web/tools/chrome-devtools/open#elements

Вы можете просто нажать на элемент, и в на отдельной панели вам будет показан соответствующий код.

Вы также можете напрямую связать DevTools с кодом VS через отладчик расширений для chrome на рынке кода VS - или отладчик для Firefox, et c.

Тем не менее, я рекомендую начинать с инструментов разработчика браузера, если вы уже не знакомы с ними, поскольку они просты в использовании и не требуют настройки.