VS代码检查元素

Question

我一直在使用Adobe Dreamweaver (2005)进行web开发。我最近切换到了VS Code。Dreamweaver有一个内置的浏览器，我可以在其中检查HTML元素，它会立即在编辑器中找到它。这真的很方便，特别是当我在处理已经发展多年的混乱项目时。我真的很喜欢VS Code的很多东西，但这个特性很重要，可以节省我很多时间。有没有办法在VS Code中获得这个特性？

谢谢

Answer 1

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

您只需单击一个元素，在一个单独的窗格中，您将看到相应的代码。

你也可以通过VS代码市场中chrome的扩展调试器或者火狐的调试器将DevTools直接链接到VS代码。

但是，如果您还不熟悉浏览器开发工具，我建议您从它们开始，因为它们使用起来很简单，并且不需要配置。