VS 代码检查元素
VS Code Inspect Elements
我一直在使用 Adobe 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 代码。
但是,如果您还不熟悉浏览器开发工具,我建议您从它们开始,因为它们易于使用且无需配置。
我一直在使用 Adobe 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 代码。但是,如果您还不熟悉浏览器开发工具,我建议您从它们开始,因为它们易于使用且无需配置。