tailwindcss的安装

1.tailwindcss的引入使用

1. 在vite项目中，安装

会生成一个tailwind.config.js和postcss.config.js文件

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p  //会生成一个tailwind.config.js和postcss.config.js文件

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

2.复制content选项到tailwind.config.js里面

3.复制以下的内容到style.css文件里，完成

@tailwind base;
@tailwind components;
@tailwind utilities;