tailwindcss v4.0已经正式发布了，目前已经使用了一段时间，发现v4.0是一个改动有点多的更新
**注意**：v4.0一定要参考官方文档https://tailwindcss.com/ https://tailwindcss.cn 中文文档目前还是3.x的内容
一、安装
以vite为例，相比于3.x版本 只需要执行下面命令
npm insall tailwindcss @tailwindcss/vite
然后修改vite.config.ts文件
import { defineConfig } from 'vite'
import tailwindcss from '@tailwindcss/vite'
export default defineConfig({
plugins: [ tailwindcss(), ],
})
其实跟在vite中使用vue类似
之前v3.x会要求你执行下面的命令
npx tailwindcss init -p
v4.0会报错。
二 关于sass less等预处理器
已经明确不支持了（咱也不知道为啥。。。）
详细说明在这个页面Compatibility - Getting started - Tailwind CSS
目前比较好的替代方案 lightningcss.dev/
三 vscode的tailwind css intelliSense插件
在使用v4.0版本的时候，这个插件会概率性出现无法正确进行tailwind类名提示（无代码提示）的情况，个人做法就是重新安装一遍插件然后重启vscode，不知道是不是共性问题
目前使用中就遇到这些小问题，后续遇到新问题再更新
