prettier-plugin-tailwindcss为何无法在WordPress项目的PHP文件中排序类名？

核心原因是Prettier本身不支持PHP语法解析，需要依赖专门的PHP插件识别PHP文件中的HTML内容，tailwindcss排序插件才能对类名生效。以下是具体解决步骤：

• 安装PHP解析插件：Prettier处理PHP文件必须依赖@prettier/plugin-php，执行命令安装：

  npm install --save-dev @prettier/plugin-php
  

  或使用yarn：

  yarn add --dev @prettier/plugin-php
  

• 调整插件执行顺序：在Prettier配置文件（如.prettierrc或prettier.config.js）中，确保prettier-plugin-tailwindcss排在@prettier/plugin-php之后。插件按顺序执行，tailwind插件需要等PHP插件解析出PHP文件中的HTML内容后，才能处理类名排序。示例配置：

  {
    "plugins": ["@prettier/plugin-php", "prettier-plugin-tailwindcss"]
  }
  

• 确认VS Code格式化器设置：在VS Code设置中搜索"Format: Default Formatter"，确保PHP文件的默认格式化器为"Prettier - Code formatter"，避免其他PHP格式化工具抢占优先级。

• 清除Prettier缓存：缓存可能导致插件未正确加载，执行命令清除：

  npx prettier --clear-cache
  

• 验证版本兼容性：@prettier/plugin-php的v1.x版本适配Prettier v3，而你使用的是Prettier v2.8.3，需安装适配v2的插件版本，比如：

  npm install --save-dev @prettier/plugin-php@0.19.0
  

完成以上步骤后，重新运行Prettier格式化PHP文件，即可正常排序Tailwind类名。

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