VS 代码检查元素

VS Code Inspect Elements

我一直在使用 Adob​​e Dreamweaver (2005) 进行网页开发。我最近切换到 VS Code。 Dreamweaver 有一个内置浏览器,我可以在其中检查 HTML 元素,它会立即在编辑器中找到它。这真的很方便,尤其是当我处理已经发展多年的杂乱项目时。我真的很喜欢 VS Code 的很多东西,但这个功能很重要,可以节省我很多时间。有没有办法在 VS Code 中获得此功能?

谢谢

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

您只需点击一个元素,就会在一个单独的窗格中显示相应的代码。

您还可以 link 通过 VS 代码市场中 chrome 的扩展调试器或 Firefox 调试器等

DevTools 直接连接到 VS 代码。

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