npm install -D tailwindcss postcss autoprefixer
不要手动安装软件包,请使用npx tailwindcss init -p,而是使用以下命令手动创建文件postcss.config.cjs
tailwind.config.js配置
/** @type {import('tailwindcss').Config} */
export default {
content: [
"./src/**/*.{html,js,ts,jsx,tsx}", // 包含你的源代码文件
],
theme: {
extend: {},
},
plugins: [],
}
index.css引入
@tailwind base;
@tailwind components;
@tailwind utilities;