转到定义(跳转到CSS文件)

Fra*_*ell 3 visual-studio-code vscode-extensions

我正在使用Visual Studio Code,我真的很喜欢这个用于处理HTML页面的编辑器。不过,当我选择class或id节点时,我正在寻找一种跳到相应CSS文件的方法。我错过了什么还是仍然无法正常工作?

小智 9

CSS 导航应该是一个不错的选择,特别是当您编写 Sass 或 Less 代码时。

  • 这对于编写 React 和 .jsx 并使用在 .jsx 中导入的 css 文件的人来说效果更好——这不是我想要的,因为我想从导入行而不只是在课堂上进行定义,但嘿更好总比没有 (3认同)

Mar*_*ark 5

正如@Mike所说,尝试CSS Peek扩展,它可以很好地满足您的需求。

运行中的CSS Peek演示。


Mik*_*hke 1

像这样的功能是在扩展中实现的。因此,如果您安装的 HTML 支持扩展支持向 Visual Studio 提供 CSS 规则的位置,那么它将允许您跳转到该位置。如果没有那就不是。

我没有寻找 HTML 扩展,但 VS code 市场上可能有几个。看看其中之一是否也支持 CSS(这使得它们也可能向 VS code 报告 CSS 规则位置)。