如何在VS Code中轻松找出React Native项目中未使用的样式变量？

不用逐个页面检查，有几种高效方案能实现你要的「未使用变量变色提示」效果：

• IDE/编辑器原生支持或插件
  主流开发工具都能直接实现这个需求：

  • VS Code：安装Stylelint或CSS Variables Autocomplete & Lint插件，简单配置后，未使用的CSS变量会自动显示为灰色（和你期望的变色效果一致），还能快速定位所有未使用项。
  • WebStorm/IntelliJ系列：自带CSS变量使用检测能力，开启后未使用的变量会自动变灰，右键就能一键清理冗余变量。

• 静态代码分析工具批量检测
  使用stylelint搭配stylelint-no-unused-custom-properties规则，在项目终端运行检查命令，就能批量找出所有未使用的样式变量，还能把这个检测集成到项目的CI流程里，提前拦截冗余代码。

期望的变色效果：

目标样式变量示例：

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