Vue3如何引入tailwindcss

1.下载依赖

// 下载好依赖
npm install -D tailwindcss postcss autoprefixer

// 继续执行命令 生成tailwind.config.js配置文件
npx tailwindcss init -p

2.修改Tailwind CSS tailwind.config.js配置文件

/** @type {import('tailwindcss').Config} */
export default {
  content: ['index.html', 'src/**/*.{vue,js,ts,jsx,tsx}'],
  theme: {
    extend: {},
  },
  plugins: [],
}

3.main.ts引入一个全局css

// style.css
@tailwind base;
@tailwind components;
@tailwind utilities;

4.在Vue组件中使用Tailwind CSS类

5.没有自己想要的宽度高度颜色--tailwindcss帮你想到了