如何在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，但是添加文件关联会自动为我们做。

美好时光...

Answer 3

v1.23可能修复了你的“明显”错误，增加了对postCSS中可能使用的新属性的支持。 v1.23 release notes