最近再改老项目的UI，本来是考虑用Unocss，但是在webpack4下并不能很好兼容，所以就放弃转而选择了Tailwindcss，启动项目的时候基本就是要起2个终端，一个是tailwind 的watch，来监听文件变化自动生成对应的css加载进来，另一个是正常webpack启动的命令，tailwind的编译还是很高效的，虽然不如Unocss的毫秒级别的热更新，但总的来说体验还是很不错的。
但在使用过程中，一件事情令我很抓狂，对于已经习惯了Unocss的我，写起来都是w-xx，但是到了tailwind基本上万物都要包裹w-[]，那可是很痛苦的，更有甚至你从原型图上粘贴过来rgb的颜色中间是有空格的，你还需要手动去删除空格才能让样式生效，我就不乐意了...
于是就整了个vscode插件，在tailwind环境下监听当前文件的保存事件，来自动处理上述的问题，当然他是在底部statusBar上支持开启和关闭的。
如果你在开发中也用到过tailwindcss，或者计划用tailwindcss做一些个人项目或者重构的话，或许可以尝试一下这个插件，也许能让你写起Tailwindcss更加效率。
目前支持的一些条件
- calc 自动会删除calc中的空格并且如果是-calc会自动包裹[]
- rgb[a] 自动会删除rgb[a]中的空格,并且如果是-rgb[a]会自动包裹[]
- simple preset 可以在vscode config自行配置一些规则
- w|h|gap|m|mt|mr|mb|ml|p|pt|pr|pb|pl|b|bt|br|bb|bl|lh|top|right|bottom|left 这些前缀的例如w100 w-100 w100px w100% w100rem w100vw等等会自动处理
