【发布时间】:2018-09-09 13:57:24
【问题描述】:
在 Atom 和 Sublime 文本中,我可以通过按 Cntrl-R 并输入选择器的名称来跳转到 CSS 文件中的特定选择器。
是否有可以为 Visual Studio Code 复制此功能的扩展程序?
【问题讨论】:
标签: css visual-studio-code sublimetext3 atom-editor
在 Atom 和 Sublime 文本中,我可以通过按 Cntrl-R 并输入选择器的名称来跳转到 CSS 文件中的特定选择器。
是否有可以为 Visual Studio Code 复制此功能的扩展程序?
【问题讨论】:
标签: css visual-studio-code sublimetext3 atom-editor
你可能正在寻找这个https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek
按 Ctrl+P 然后输入您的选择器。
【讨论】:
最好使用CSS Navigation (如文档所述):
一开始,这个项目是来自 vscode-css-peek 的一个 fork,它使用 vscode-css-languageservice 作为 CSS 解析器,我只是修复了一些 Scss 嵌套引用问题。
然后我发现它消耗了太多的 CPU 和内存。 例如,我的一个项目有 5500 个文件中的 280 个 CSS 文件,包括 6 MB 代码。在我的 MacBook Pro 上,它需要 7s 加载(1.3s 搜索 文件和 6s 解析),并使用 700 MB 内存。
否则它会保持 每次输入字符时解析文件,如果 CSS 文档是 超过 100 KB,输入时 CPU 使用率将保持高位。最后我 决定实现一个新的 css 解析器,它也支持 Scss & Less 自然,结果我创建了一个新的扩展。 CSS解析器是 非常简单且不是 100% 严格,但它快速且非常容易 扩展。
现在搜索文件大约需要 0.8 秒,解析大约需要 0.5 秒 他们。缓存解析结果的内存使用量仅为 40 MB 左右。 否则,所有功能将仅在需要时启动 默认,因此 CSS 文件仅在您开始搜索时加载 定义或其他。您可以通过指定更改此行为 preloadCSSFiles 选项。
文件加载后,扩展程序将跟踪 文件和目录的自动更改、创建、删除,以及 如果需要,重新加载它们。此外,我发现扩展可以支持 类名和 id 由同一个核心完成,所以我用非常 几个代码。查找引用使用另一个核心,我实现它 因为我的工作有很重的 CSS 部分,而且我喜欢重构 CSS 代码。我相信很少有人会需要它。
【讨论】: