CSS网格和CSS模块的vs代码和intellisense

我正在为一个使用CSS网格和CSS模块的项目使用VS代码。但是当我尝试这样的事情时

.loginRegisterDiv {
  composes: loginDiv;
  margin: 0px;
  width: 100%;
}

我得到一个错误，说composes是composes的“未知属性”。另外，我正在使用css网格，在VS代码中似乎没有任何智能感知。我需要安装扩展吗

---

我正在使用集合编码规则集。

向vs代码团队提出了一个类似的问题，但尚未解决：

---

我使用扩展来帮助解决这个特殊问题。扩展系统在VS代码方面非常优秀，社区构建了许多真正高质量的扩展，这些扩展极大地提高了编辑器的质量和功能集

下面是我在VS代码中编写SASS时使用的几个扩展。其中一个或几个应该可以解决你正在遇到的问题（甚至可能是一些你不知道自己正在遇到的问题）

• 丹尼·麦基
  • 功能：
    • 修复标记为标记选择器的内容和光标属性名称
    • 修复了在某些上下文中标记为无效/不推荐使用的关键字的背景
    • 修复在某些上下文中标记为属性值关键字而不是属性名称的颜色
    • 标记为语言常量的空值和布尔值
    • BEM样式_元素和--标记为类名的修饰符片段
    • 增加了对特定角度伪选择器的识别：主机上下文和：：ng deep
• 西尔
  • 功能：
    • 升级的语法突出显示
    • 自动完成/智能感知
    • 格式化程序
• 安德鲁·利达姆
  • 功能：
    • @值变量declaration：常规和命名空间
    • 组合：属性：本地和导入
    • ：全局和：局部伪类
• 由mrmlnc提供
  • 功能：
    • 代码完成建议（变量、混合、函数）
    • 悬停（变量、混合、函数）
    • 代码导航

---

在VS代码中安装一个或多个，重新启动编辑器，然后让我知道这是否解决了您的问题。

您可以向VSC CSS linter添加规则CSS.lint.unknownProperties的异常（或将此设置为忽略）。打开VSC设置，搜索

css.lint.validProperties

并将“组合”添加到列表中。错误/警告将消失。

要使VS代码识别这些自定义CSS指令/属性，您可以为VS代码的CSS语言服务提供自定义数据，如下所述-

使用以下信息创建CSS自定义数据集文件。将其放置在相对于项目根目录的位置

.vscode/custom.css data.json

{
“版本”：1.1，
“财产”：[
{
“名称”：“组合”，
“说明”：“css模块组成”
}
],
“反恐怖主义指令”：[
{
“名称”：“@value”，
“说明”：“css模块值导入”
}
],
“伪类”：[]，
“伪元素”：[]
}

现在，如果还没有，请创建一个相对于项目根的

.vscode\settings.json

文件。添加一个带有键“css.customData”和值的字段作为自定义数据集的路径。比如说,

{
“css.customData”：[“/.vscode/custom.css data.json”]
}

现在，您将不再收到“未知属性”警告。当您将鼠标悬停在“composes”上时，您将在

custom.css data.json

---

您找到解决方案了吗？还是没有解决方案？我在使用CSS网格时遇到了同样的错误。@comfortablyNumb-我使用扩展来解决这个问题。检查我在下面贴出的答案。