【问题标题】:Jump to ID or Class Selector in Visual Studio Code跳转到 Visual Studio Code 中的 ID 或类选择器
【发布时间】:2018-09-09 13:57:24
【问题描述】:

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

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

【问题讨论】:

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


    【解决方案1】:

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

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

    【讨论】:

    • 对不起,扩展程序不起作用。我正在运行 ubuntu。 Ctrl+P 用于打开文件。
    • +Anwar Hossain 知道了。它的 Ctrl+Shift+O。
    【解决方案2】:

    最好使用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 代码。我相信很少有人会需要它。

    【讨论】:

      猜你喜欢
      • 2015-07-17
      • 2017-06-10
      • 2020-02-21
      • 2017-07-27
      • 1970-01-01
      • 2015-07-24
      • 2019-01-08
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多