最近新开不少项目,又实在是不想自己去定义特别多的 css 公共样式了,毕竟人多不好维护。于是找到了这个 tailwindcss UI 库。主要是内置了很多常用的 css 样式,前期避免了大量时间去写 css,中间开发也不用专门去维护,方便的一批。
文档地址
推荐看英文原文档,因为他是最新的版本,而中文文档只是 2.2.16 的,英文文档早已在 3.1.6 了。
使用说明
在 vscode 中安装好
tailwindcss
的插件 (tailwind CSS IntelliSense),他会提示你所有的样式,配合这个开发,畅享丝滑。安装
tailwindcss
,点击这里可以去官网直接看安装流程。
1 | npm install -D tailwindcss postcss autoprefixer |
- 在项目中使用
1 | // 1.创建postcss.config.ts文件 |
总结
开发起来确实很顺畅,少写了很多很多的样式,除非是UI指定的样式需要写一些,其他的基本样式就没有怎么写过。减少了太多的css时间,更多的时间留在业务逻辑以及项目框架等上面去了。我看谁还不用这个tailwindcss!