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

Question

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

我已尝试安装.css，stylelint扩展等...但没有任何效果。

如果我将扩展程序更改为PostCSS syntax，它可以正常工作，但我没有使用SASS。

如何删除.scss文件中的解析错误？

更新

带有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可能已经修复了你的＆＃34;明显＆＃34;错误，添加对postCSS中可能使用的较新属性的支持。 v1.23 release notes