webstorm tailwindcss vue 配置

近端在做前端开发用到了一个比较友好有用纯css ui库。tailwindcss。由于开发工具习惯用的是webstorm，idea之类的。期间在使用智能提示自动补全遇到了一些坑。由于很多前端用的是vscode工具，在那个工具下装完插件自动补全是没有问题的，那个羡慕...

一、必须安装webstorm2020.3以上的版本目前装的2021.1版本，这个才自带tailwaidcss插件。我原来用2020.1版本装其他插件没用。

二、安装tailwind官网有介绍，要点是注意postcss7兼容问题，这个会对项目启动有影响。

现在注意注意安装的tailwindcss版本！！！！

如果已安装tailwindcss，但是没有出现智能提示的，请尝试以下步骤:

卸载：

npm uninstall tailwindcss postcss autoprefixer

 

 

把package.json，package-lock.json下tailwindcss删除干净

安装2.1.4

npm install -D tailwindcss@npm:@tailwindcss/postcss7-compat@2.1.4 postcss@^7 autoprefixer@^9

生成配置文件

npx tailwindcss init -p

为了不与项目里面的样式类名有冲突我在tailwind.config.js加上前缀配置。

接下来看下效果，心情舒畅不少。

 尾言：非常反感网上那些写教程遮遮掩掩好像怕别人知道的家伙。