VueJS结合WindiCSS在VSCode中报CSS语法错误求助

你写的是SCSS/Sass的嵌套语法，但VSCode默认按原生CSS规则校验，所以会抛出语法错误；而项目构建正常是因为你的项目已经配置了SCSS预处理器，能正确编译这种嵌套写法。

解决方法有两种：

• 改用SCSS语法声明：把<style>标签修改为<style lang="scss">，同时确保项目已安装sass或node-sass依赖（未安装的话执行npm install sass --save-dev或yarn add sass -D）。修改后VSCode会用SCSS规则校验代码，报错会自动消失。

• 展开为原生CSS写法：如果不想使用预处理器，直接把嵌套样式改成原生CSS的后代选择器形式：

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

内容的提问来源于stack exchange，提问作者coure2011