前言
作为一名喜欢Tailwind CSS风格的开发者,我深知它能极大地提升前端开发效率,尤其是其对于AI编程的友好程度。 但对于刚接触它的小伙伴来说,可能会有一些“门槛”和“阵痛期”。
尤其是在团队内部推广使用时,如果能有一个更友好、更具引导性的学习资源,可能会事半功倍。
于是,我萌生了一个想法:做一个专门针对 Tailwind CSS 新手,尤其是我们团队内部(当然,也希望能帮到更多社区的朋友)的学习网站
至于什么是Tailwindcss,这里我就不赘述,可以直接访问官网tailwindcss.cn
网站地址
www.css2tw.online(需要科学上网)
这个网站的初衷和目标
我的目标很简单:提高学习Tailwind Css的效率,同时也能帮助想要在项目中使用Tailwindcss的同学在进行改造时能够更高效快速。
它不是官方文档的替代品,而是希望成为官方文档前的“开胃菜”或学习过程中的“加速器”。
网站介绍
目前网站内容很简单,也很直接,访问后直接就是使用界面,你可以在左侧编辑器区域输入原始的css代码,输入后在右侧会自动转换成对应的Tailwind css 元素结构
期待你的反馈
由于是个人项目,难免有疏漏或不足之处。如果你在使用过程中遇到任何问题,或者对网站的内容、功能有任何改进建议,都非常欢迎通过(评论或者私信)告诉我。
未来计划
目前这个工具还会持续迭代,未来主要计划如下:
- 支持css语法查找;
- 提供核心转换功能的npm插件包;
- 支持sass、less等结构直接转换;
最后
欢迎大家体验~~