前端 tailwindcss 现在很火吗?

2022-05-07 16:34:45 +08:00
 Guidoo

有使用过老哥说说吗?说说使用感受。有什么坑吗?

学习的话除了官网,还有什么途径?

6467 次点击
所在节点    程序员
37 条回复
damngoto
2022-05-07 16:41:36 +08:00
这东西基本不需要学,想用就查。
后端非常友好,非常虚浮。
如果你喜欢 style in js ,那你会更喜欢 tailwind 。
yuhangch
2022-05-07 16:41:48 +08:00
我不是前端,玩票形式用过
感觉生态挺好的 next 、nuxt 这样的框架都有集成的例子
对我(业余)来说加上 ide 的补全,调样式方便不少
yaphets666
2022-05-07 16:41:57 +08:00
设计图就是不按照内置的那些类来 你有啥办法 所以在商业项目用处不大。自己玩是很好的。
codefever
2022-05-07 16:42:15 +08:00
你会发现你甚至连 stylelint 都不需要配置,因为你可能根本不用写 css...
wu67
2022-05-07 16:49:22 +08:00
个人看法: 如果写外包、写自营产品, 不用学. 除非项目里面已经有用这套一段时间了、或者是技术领导强行要求.

实际上外包出页面, 只需要功能出来, 然后照着你用的 ui 框架的样式就行.
自营项目, 设计稿压根就是自己发挥、天马行空, 你甚至没法直接套 ui 框架和各种 css 库, 都得自己微调.
也就自已写的玩具项目能用上.
anguiao
2022-05-07 17:03:03 +08:00
学习成本其实很低,会 CSS 就会 Tailwind ,熟悉一下就可以轻松上手。
其实 Tailwind 这种东西,写后台项目恰恰是最合适的。UI 框架的组件样式都是现成的,只需要完成布局,将它们组合在一起即可。Tailwind 写布局非常爽,几个 class 就可以解决问题,不需要再做无意义的命名。需要注意的是最好关闭 Tailwind 自带的 CSS 重置,以避免不必要的样式冲突。
反而是样式定制化较强的前台页面,无论是覆盖组件库样式、还是从头开始写样式,都很容易把 class 列表写得很长。
murmur
2022-05-07 17:05:04 +08:00
不用学?那么多定义怎么可能不用学,新人连 padding margin 这些都分不清楚你让他用哪个
murmur
2022-05-07 17:06:25 +08:00
这个东西的用途就是在没有设计规范的公司让设计不至于太离谱,比如我设计 ml-4 ml-8 ml-16 ,其余的数不让用,那最多也就是这三种的组合

但是你的设计师会只出 4 、8 、16 的设计稿吗
Hanggi
2022-05-07 17:07:26 +08:00
应该说,如果熟悉 CSS ,不需要特意学太多东西就可以玩转 Tailwind 。

其实这东西最早 Bootstrap 时期就已经在这么做了,很神奇这东西能这么火。
Hyoban
2022-05-07 17:28:41 +08:00
Tailwind 的文档很棒,甚至可以通过 Tailwind 的文档来反学 css ,具体的查查 mdn 就好了
terranboy
2022-05-07 17:30:25 +08:00
@murmur 你应该没深入用过吧
fkdog
2022-05-07 17:33:18 +08:00
前端属实是把茴香豆有几种写法整出花活来了。
zhwithsweet
2022-05-07 17:39:28 +08:00
我还是 unocss 吧
Curtion
2022-05-07 17:41:18 +08:00
原子化 css 比较火,不限于 tailwindcss
zhwithsweet
2022-05-07 17:42:19 +08:00
Immortal
2022-05-07 17:49:51 +08:00
其实早期合作过的有经验的前端同事在项目里就是"原子化"了
把常用的 class 都提取出来
tailwind 只是把这个操作做的更为标准而已
Xcharles
2022-05-07 18:51:55 +08:00
很好用,最近在用 windicss ,楼上有人说不适合写自己的项目,可能没深入用过,单位是可以用 px 的
YY
2022-05-07 19:13:34 +08:00
看起来是不错
aaniao002
2022-05-07 19:19:50 +08:00
太好了。正准备迁移,单位忽然说下一步大家一起跳 election
huijiewei
2022-05-07 19:20:09 +08:00
研究下自己怎么写插件,简直神器了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/851409

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX