VS Code 中，修复 postcss 语法的后缀是 css 的文件报错的问题

起因

今天，用 VS Code 打开一个前端项目，项目中的前端样式文件，使用的是 postcss 语法，文件后缀名是 .css。

打开后缀为 .css 文件的时候，所有 postcss 中跟 css 语法不同的语句都报了错误提示，实例见下图：

解决

找到了一个很好的解决方案，不需要动项目的配置，只需要在 VS Code 的设置文件中，改变一下文件的高亮语法即可。

官方给出的 fiile.associations 的解释是：配置语言的文件关联(如: "*.extension": "html")。这些关联的优先级高于已安装语言的默认关联。

意思就是说：如果你想改变任意后缀文件的高亮语法，都可以在这个对象里新增，只要新增之后，这个设置就会替换到编辑器默认的高亮语法。

完。