【问题标题】:Vscode intellisense for html class names in DOM methodsVscode intellisense 用于 DOM 方法中的 html 类名
【发布时间】:2019-01-10 12:19:54
【问题描述】:

VS Code 中的智能感知功能能否列出/自动完成项目 html 文件中可用的类/标签名称,而无需在 js 文件中使用 DOM 方法(例如 document.querySelector("#cta");)时记住并输入确切的名称。

例子:

index.html 中的 HTML 标记

<div id = "cta">
   <a href="" class="btn">Lorem</a>
</div>

script.js 中的 Javascript 源代码

const CTA = document.querySelector("#cta");
const BTN = document.querySelector(".btn");

Example screenshot

我在 VScode 中没有这种智能感知行为,如上面的示例屏幕截图所示,类名不可用。是否支持这样的功能,如果支持,我如何在 vscode 中配置项目来做到这一点?

编辑

如果在 css 或 scss 文件中定义了某些 vscode 扩展,则它们会提供类名的补全。我对您想要定位在 html 文件中声明的类名但未在样式表/css 中声明且没有定义样式的情况感兴趣。

【问题讨论】:

    标签: javascript visual-studio-code intellisense


    【解决方案1】:

    你知道this plugin?

    提供 CSS 类名称补全的 Visual Studio Code 扩展 基于在您的定义中找到的 HTML 类属性 通过链接元素引用的工作区或外部文件。

    【讨论】:

    • 感谢您的建议,不幸的是,我已经尝试了您在 vscode 的各种其他插件中提到的插件,这些插件为类名提供智能感知,但它们仅限于在 html 文档本身中工作,即。它们不适用于 js 文档。知道这是否可能吗?
    猜你喜欢
    • 1970-01-01
    • 2020-08-25
    • 2018-03-29
    • 1970-01-01
    • 2021-07-26
    • 2021-04-11
    • 2021-02-07
    • 2023-03-17
    • 1970-01-01
    相关资源
    最近更新 更多