# WebStorm没有tailwindcss类样式提示
github仓库地址:
tailwindlabs/tailwindcss: A utility-first CSS framework for rapid UI development. (opens new window)
问题场景描述:
- 原来是有tailwindcss类样式提示的,但是在Vue的项目的assets目录下添加了其它css文件。然后就没有提示了!
问题排查:
- WebStorm的tailwindcss的类样式提示插件是没有问题的。因为原先是有提示的。
# 问题的解决
主要的问题是WebStorm这个编译器无法识别Vue项目中使用了tailwindcss。

解决办法就是在项目中添加这个tailwind.config.js配置文件。
默认配置内容:
// tailwind.config.js
module.exports = {
content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}",],
theme: {
extend: {},
},
plugins: [],
}
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8