目前已经支持了react中jsx ｜ tsx的使用了～
昨天，将之前写unocss插件做了一个融合，写成了一个插件，这样就能直接体验到极致的unocss开发体验。
这个插件的名字叫作：unot，是Unocss Tools的简写
大概介绍一下他有哪些功能吧
-
提供了类似于tailwind css intellisense的功能
-
因为unocss一些语法匹配，我们的calc或者rgba等需要去-[]包裹，写多了就影响效率，因为那2个按键的位置不太顺手，所以他会自动将w-calc()等内容包裹[]，并且由于一些设计稿上的样式是这样子的rgba(255, 255, 255, 0.1),是含有空格的，你需要手动处理，才能被unocss识别，当然这个插件会帮你自己处理
-
提供了css转换成unocss的功能，对于初学unocss的人来说，我并不能熟练的将css与unocss的语法很好的对应，这个插件会提供一个转换，并且hover上去也能知道对应的unocss，会标注在class中应该用什么写法，直接在属性中应该怎么写，这样也会加深你对unocss的语法
- 由于官方的Unocss插件，在我着不生效，所以这个插件也提供了hover unocss语法，高亮对应css，当然他是支持配置在uno.config中的shortcuts
当然在tailwind中也实现了类似的功能，如果有需要的话，可以体验一下vscode tailwind magic
最后贴上简单的效果图:
