如何在 vscode 中将 .css 文件解析为 PostCSS？

Question

我在一个项目中使用 PostCSS，CSS 文件的扩展名是.css这样，当我打开一个时，它会指示一堆错误（由于 PostCSS 的语法）。

我试过安装stylelint、PostCSS syntax扩展等......但没有任何效果。

如果我将扩展名更改为.scss，它可以正常工作，但我没有使用 SASS。

我应该怎么做才能消除.css文件中的解析错误？

更新：

带有 PostCSS 扩展名的文件示例，因为您可以看到糟糕的着色并且没有突出显示错误

如果我将文件扩展名更改为 .scss ：

更新2：

我试过这个插件，它的作用就像一个魅力：https : //marketplace.visualstudio.com/items?itemName=mhmadhamster.postcss-language

Answer 1

试试这个 VSCode 扩展：https ://marketplace.visualstudio.com/items ? itemName = ricard.PostCSS

在您的用户设置中添加以下行，您应该很高兴：

"files.associations": {
   "*.css": "postcss"
}

Answer 2

只是对@Jiib 答案的一个小小的调整......

"files.associations": {
   "*.css": "postcss"
}

将其添加到 settings.json 文件中...

然后添加这个插件... Language-PostCss

该插件希望您将 css 文件设为 .pcss 或 .postcss，但是添加文件关联会自动为我们完成此操作。

美好时光...