tailwindcss.com_.png

想当初原子样式以 bootstrap 为代表，曾经火了一阵，后来觉得 BEM 组织方案更符合直觉。一晃真么久过去，原子样式又火了一把。

image.png

https://tailwindcss.com/

作为一个通过的工具，tailwind 是js框架无关的。

这里拿 vue3+vite 举例，简单验证如何使用。

安装 配置 使用

把 tailwind 作为PostCSS 插件使用。

  1. npm i -D tailwindcss@latest postcss@latest autoprefixer@latest
  2. npx tailwindcss init