为了让同事们学会Tailwind css,我做了这个网站

62 阅读2分钟

前言

作为一名喜欢Tailwind CSS风格的开发者,我深知它能极大地提升前端开发效率,尤其是其对于AI编程的友好程度。 但对于刚接触它的小伙伴来说,可能会有一些“门槛”和“阵痛期”。

尤其是在团队内部推广使用时,如果能有一个更友好、更具引导性的学习资源,可能会事半功倍。

于是,我萌生了一个想法:做一个专门针对 Tailwind CSS 新手,尤其是我们团队内部(当然,也希望能帮到更多社区的朋友)的学习网站

至于什么是Tailwindcss,这里我就不赘述,可以直接访问官网tailwindcss.cn

网站地址

www.css2tw.online(需要科学上网)

css2tw.vigorai.cn/境内备用

这个网站的初衷和目标

我的目标很简单:提高学习Tailwind Css的效率,同时也能帮助想要在项目中使用Tailwindcss的同学在进行改造时能够更高效快速。

它不是官方文档的替代品,而是希望成为官方文档前的“开胃菜”或学习过程中的“加速器”。

网站介绍

目前网站内容很简单,也很直接,访问后直接就是使用界面,你可以在左侧编辑器区域输入原始的css代码,输入后在右侧会自动转换成对应的Tailwind css 元素结构

image.png

期待你的反馈

由于是个人项目,难免有疏漏或不足之处。如果你在使用过程中遇到任何问题,或者对网站的内容、功能有任何改进建议,都非常欢迎通过(评论或者私信)告诉我。

未来计划

目前这个工具还会持续迭代,未来主要计划如下:

  • 支持css语法查找;
  • 提供核心转换功能的npm插件包;
  • 支持sass、less等结构直接转换;

最后

欢迎大家体验~~