跳转到Visual Studio代码中的ID或类选择器

时间:2018-09-09 13:57:24

标签: css visual-studio-code sublimetext3 atom-editor

在Atom和Sublime文本中,我都可以通过按Cntrl-R并键入选择器的名称来跳转到CSS文件中的特定选择器。

是否有扩展程序可以复制Visual Studio Code的此功能?

2 个答案:

答案 0 :(得分:0)

您可能正在寻找这个https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek

按Ctrl + P,然后输入选择器。

答案 1 :(得分:0)

最好使用{em>(如文档所述) 的CSS Navigation

开始时,该项目是vscode-css-peek的一个分支,它使用 vscode-css-languageservice作为CSS解析器,我修复了一些Scss 嵌套参考问题。

然后我发现它占用了太多的CPU和内存。 例如,我的一个项目在5500个文件中有280个CSS文件,其中包括 6 MB代码。在我的MacBook Pro上,加载需要7秒(搜索需要1.3秒) 文件和6s进行解析),并使用700 MB内存。

否则它将保持 每次输入字符(如果CSS文档为 超过100 KB,输入时CPU使用率将保持较高水平。最后我 决定实施一个新的CSS解析器,该解析器也支持Scss&Less 因此,我自然创建了一个新扩展。 CSS解析器是 非常简单而不是100%严格,但是它非常快速且非常容易 扩展。

现在,搜索文件大约需要0.8秒,而解析则需要0.5秒 他们。缓存解析结果中的内存使用量仅为40 MB。 否则,仅当需要时才启动所有功能 默认情况下,因此仅当您开始搜索时才加载CSS文件 定义或其他。您可以通过指定更改此行为 preloadCSSFiles选项。

文件加载后,扩展名将跟踪 文件和目录的更改,创建,自动删除以及 如果需要,请重新加载它们。此外,我发现扩展程序可以支持 类名和ID由同一个内核完成,因此我非常 很少的代码。查找引用使用另一个核心,我实现了它 因为我的工作中CSS占了很大比重,而且我喜欢重构CSS 代码。我相信很少有人会需要它。