官方：https://tailwindcss.com/docs/installation/using-vite

1. 安装  tailwindcss @tailwindcss/vite

npm install tailwindcss @tailwindcss/vite

2. 将插件添加到你的 Vite 配置中 

   vite.config.ts 文件

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import tailwindcss from '@tailwindcss/vite'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue(), tailwindcss(),],
})

3.导入 Tailwind CSS

style.css

@import "tailwindcss";

4. 安装 Tailwind CSS IntelliSense

适用于 Visual Studio Code 的官方 Tailwind CSS IntelliSense 扩展通过为用户提供自动完成、语法突出显示和 linting 等高级功能来增强 Tailwind 开发体验。