tailwindcss又搞了两天还是没有运行起来
npm init -y //初始化
npm install tailwindcss postcss autoperfixer //装这三个插件
** autoperfixer这个是自动加上其它浏览器前缀的比如ms **
** postcss 这个对css进行自动化处理**
新建一个tailwind.css文件和一个style.css文件
tailwind.css是源文件，style.css是编译后的，通过配置pure可以让那些没有被用到的css不被编译进去，比如你就用了表单这个样式，那么其它组件样式就不编进去。这个挺好的，比boostrap可以，以前我也想到这个功能，没想到真有。
@tailwind base;
@tailwind components;
@tailwind utilities;
把这三句放到文件里。
对了，还差一个 postcss-cli
用了这个就可以进行编译了，把tailwind.css编译到style.css文件中。
npx postcss -i tailwind.css -o style.css
-i是input，源文件，-o 是output是输出文件
这样你就可以在index.html里引入style.css
然后你在index.html写一个div
<div class="bg-blue-400 text-white p-4">
hello tailwindcss
</div>
打开index.html发现啥都变，bg-blue-400，是把背景色变了蓝。
最后，真TMD操蛋，折腾了半天，装了这么多包，还没用起来。
真TMD不如我引入一个cdn网址进来。
