使用Laravel Sail时PhpStorm中Tailwind CSS无自动补全求助

• 检查Tailwind配置文件识别
  • 确认PhpStorm已正确识别项目根目录下的tailwind.config.js/tailwind.config.ts文件。右键该文件，选择「Mark as Tailwind CSS Configuration File」手动指定关联。
• 验证Node解释器与包管理器设置
  • 打开PhpStorm设置（File > Settings），进入「Languages & Frameworks > Node.js and NPM」，确认Node解释器为docker://sail-8.2/app:latest/node，npm路径指向容器内的执行文件。点击「Enable」激活解释器，再点击「Install」确保tailwindcss、postcss、autoprefixer等依赖被IDE识别。
• 配置Tailwind CSS插件扫描范围
  • 进入「Settings > Languages & Frameworks > Style Sheets > Tailwind CSS」，确保插件已启用。在「Configuration file」中选择项目的Tailwind配置文件，「Content」区域需包含所有使用Tailwind类的文件路径（如resources/**/*.blade.php、resources/**/*.js），自定义路径需手动添加。
• 清除IDE缓存并重启
  • 执行「File > Invalidate Caches...」，选择「Invalidate and Restart」，清除缓存避免识别异常。
• 确认Vite配置关联
  • 检查vite.config.js中已正确配置Tailwind的PostCSS插件，进入「Build, Execution, Deployment > Build Tools > Vite」，勾选「Enable Vite」并指定配置文件路径。
• 验证自定义类配置
  • 确保tailwind.config.js的theme.extend中自定义类无语法错误，可修改配置文件并保存，触发IDE重新解析。

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