VS代码检查元素

2020-03-26 google-chrome visual-studio-code vscode-settings vscode-debugger

我一直在使用Adobe Dreamweaver(2005)进行Web开发。我最近改用VS Code。 Dreamweaver具有内置的浏览器,可以在其中查看HTML元素,并且可以在编辑器中立即找到它。这真的很方便,尤其是当我从事多年发展的凌乱项目时。我真的很喜欢VS Code,但此功能对于节省很多时间很重要。有什么办法可以在VS Code中获得此功能?

谢谢

Answers

您正在寻找的功能现在已以开发工具的形式内置到每个主流浏览器中: https : //developers.google.com/web/tools/chrome-devtools/open#elements

您只需单击一个元素,然后在单独的窗格中,将显示相应的代码。

您还可以通过VS代码市场中用于chrome的扩展调试器将DevTools直接链接到VS代码,或者将Firefox调试器链接到VS代码。

但是,如果您还不熟悉浏览器开发工具,则建议从浏览器开发工具开始,因为它们易于使用且不需要进行配置。

Related