Next.js新项目中Tailwind CSS IntelliSense需tailwind.config.ts才能工作？

核心结论 #

这是预期行为——在Tailwind CSS v4搭配WebStorm的场景下，必须存在tailwind.config.ts（或.js）文件才能触发Tailwind类的智能提示。

原因说明 #

Tailwind CSS v4支持零配置运行，默认安装Next.js + Tailwind v4时不会自动生成配置文件。但WebStorm的Tailwind插件依赖配置文件来识别项目的Tailwind环境，进而扫描可用样式类、提供代码补全。哪怕是一个空的配置文件，也能让插件确认项目启用了Tailwind，从而加载对应的IntelliSense支持。

配置验证 #

你的开发依赖配置完整，没有遗漏关键项：

"devDependencies": {
    "@eslint/eslintrc": "^3",
    "@tailwindcss/postcss": "^4",
    "@types/node": "^20",
    "@types/react": "^19",
    "@types/react-dom": "^19",
    "eslint": "^9",
    "eslint-config-next": "15.5.0",
    "tailwindcss": "^4",
    "typescript": "^5"
}

你可以保留这个空的tailwind.config.ts，后续需要自定义主题、扩展样式等需求时，直接在该文件中编辑即可，不会影响项目正常运行。

内容的提问来源于stack exchange，提问作者Paweł Czajczyk