TailwindCss 让你效率十倍，我让 TailwindCss 效率十倍

[simonhe1995]

先放上一个简单的插件效果图
https://www.bilibili.com/video/BV1wj421f754/?spm_id_from=333.999.0.0

`vscode-tailwind-magic` 让 `TailwindCss` 突破极限的精简写法，包含 `attributify` 的支持，可以完全在 `vscode` 中实现运行时的插件的效果

包含了自动处理动态单位，细节补充必备属性，比如你用到的 `justify-center`, 那么 `flex`, 则是必备的，还有良好的类型提示，让我同样写 `TailwindCss` 多出数倍的效率

`GitHub`： https://github.com/Simon-He95/vscode-tailwind-magic

- calc
- rgb[a]
- px|rem|em|%|vw|vh
- simple preset
- w|h|gap|m|mt|mr|mb|ml|p|pt|pr|pb|pl|b|bt|br|bb|bl|lh|top|right|bottom|left
- w1! -> !w-1
- maxw10px -> max-w-[10px]
- gapx10px -> gap-x-[10px]
- translatex50% -> translate-x-[50%]
- -translatex50% -> -translate-x-[50%]
- text-\[red,hover:pink,2xl,lg:hover:3xl\] -> text-red hover:text-pink text-2xl lg:hover:text-3xl
- flex-center -> flex justify-center items-center
- col -> flex flex-col
- eclipse -> text-ellipsis whitespace-nowrap overflow-hidden
- pointer -> cursor-pointer
- ma -> m-auto
- text10rpx -> text-\[length:10rpx\]
- hover:(text-red bg-blue) -> hover:text-red hover:bg-blue
- \>500px:w10px -> max-[500px]:w-[10px]
- <500px:w10px -> min-[500px]:w-[10px]
- whfull -> w-full h-full

[defunct9]

标题党

[zy0829]

缺少激活码？哥们收费啊

[PerFectTime]

@Livid 推广

[kongkx]

Emm ，好像 copy paste 的效率高一些

[ae86]

我选择 scss

[chouchoui]

还要收费，那为什么不直接换 unocss

[461229187]

挺好的，但是收费，价格太贵，感觉不值得，公司搬砖，也不在乎这点速度了

[tlerbao]

@chouchoui 首先他这个是个 Tailwind CSS 的 VSCode 插件和换 unocss 没啥关系

如果是对比 tailwind 和 uno 那就有关系

国内迷信 uno ，实则使用起来连 tailwind 4 的尾灯都看不见，tailwind 好用的一 B ，去看看吧。

[admol]

https://daisyui.com/components/
直接 copy 组件是不是更快

[chouchoui]

@tlerbao 我前面的回复没说半点 tailwind 不好，纯粹是觉得他这个收费且功能全是 uno 已有的，你不要替 tailwind 太敏感
至于 uno 连 tailwind 尾灯跟不上建议等脱离了 alpha 版再吹嘘吧，当前 3 版本就是比 uno 卡，不然我也不用近期全部重构了。

[tlerbao]

@chouchoui #10 你直接用升 4 多好，让他们看不见尾灯。

[simonhe1995]

@tlerbao 4 你用了吗，目前还不支持 tailwind.config ，不能直接升，而且我是写法上的便利，你升 4 也只能带来热更新的快

[simonhe1995]

@admol daisyui 目前的组件很有限，包括一些布局啥的，没有一个组件库可能完全贴合你自己公司的业务，你最终还是需要自己撸一些的

[simonhe1995]

@chouchoui unocss 并不能做到这么好的 ide 和写法上的体验，你要用很多的语法糖，都需要注入额外的运行时插件，可能这些插件对于 webpack 和 vite 之类的打包工具上兼容会有问题，在 vscode 层面做是最没有负担的

[simonhe1995]

@461229187 9.9/月，一杯瑞幸的钱都不要，很贵吗 0.0 ，一个月的免费体验，需要的话可以找我