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

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

我已经尝试安装stylelint, PostCSS syntax扩展等等...但没有任何效果。

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

我应该做什么来消除解析错误.css files?

Update:

具有 PostCSS 扩展名的文件示例，您可以看到颜色不佳并且没有突出显示错误

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

更新2：

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

尝试使用 VSCode 的此扩展：https://marketplace.visualstudio.com/items?itemName=ricard.PostCSS https://marketplace.visualstudio.com/items?itemName=ricard.PostCSS

在您的用户设置中添加以下行，您应该可以开始了：

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