时间戳

首页 > 解决方案 > Vscode intellisense 用于 DOM 方法中的 html 类名

javascript - Vscode intellisense 用于 DOM 方法中的 html 类名

问题描述

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

例子：

index.html 中的 HTML 标记

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

script.js 中的 Javascript src

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

示例截图

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

编辑

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

标签： javascriptvisual-studio-codeintellisense

解决方案

你知道这个插件吗？

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

推荐阅读