使用react-css-modules与postcss-nested后VSCode无法识别CSS嵌套语法求助

• 安装PostCSS语言支持插件
  在VSCode扩展市场搜索并安装「PostCSS Language Support」，该插件可让编辑器识别PostCSS语法特性，包括嵌套规则。

• 关联CSS模块文件为PostCSS模式
  打开VSCode设置（快捷键Ctrl+,），切换到「JSON」视图，添加以下配置，让.module.css文件被识别为PostCSS语言：

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

• 添加PostCSS配置文件
  在项目根目录创建postcss.config.js文件，明确声明使用postcss-nested插件，VSCode会读取此配置解析嵌套语法：

module.exports = {
  plugins: [
    require('postcss-nested')
  ]
};

• 优化CSS Modules代码提示（可选）
  若需要类名自动提示，安装「CSS Modules」插件，它能结合CSS模块文件，在React组件输入styles.时自动弹出可用类名列表。

完成以上步骤后，VSCode即可正确识别CSS嵌套规则，消除警告下划线，同时提供属性和类名的代码提示。

内容的提问来源于stack exchange，提问作者Chor