在vscode中使用vuejs的windicss

Question

在我的vuejs组件中，我有这样的风格

<style>
.preview-page {
  .preview-section {
    width: 100%;
  }
  .logo-section {
    text-align: center;
  }
}
</style>

它的构造精细，在浏览器中显示正确的结果，但在vscode上显示了两个错误-- Do not use empty rulesetscss(emptyRules)和} expectedcss(css-rcurlyexpected)。

​

​

Answer 1

好的，看起来有两个问题正在讨论：

1. Do not use empty rulesetscss(emptyRules)是一个有效的抱怨，因为.preview-page{}不包含样式(尽管它的子样式包含)。向.preview-page添加一些样式，或在遇到麻烦时取消警告。
2. 我认为} expectedcss(css-rcurlyexpected)会触发，因为您还没有在<style>标记中定义lang="scss"。这是文件。