TailWind css安装流程

npm install -D tailwindcss@latest postcss@latest autoprefixer@latest

npm i -D unocss

vite.config.js

import Unocss from 'unocss/vite'
export default defineConfig({
    plugins: [
        Unocss(),
    ],
})

生成配置文件postCss.config.js     tailWind.config.js

npx tailwindcss init -p   

tailWind.config.js

module.exports = {
    content: [
        "./index.html",
        "./src/**/*.{vue,js,ts,jsx,tsx}",
    ],
    theme: {
        extend: {},
    },
    plugins: [],
}

 postCss.config.js 

export default {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
}

main.js

import 'uno.css'