如果您还没有 react 应用程序，请创建一个：
npx create-react-app my-app cd my-app
npm install -d tailwindcss postcss autoprefixer
然后初始化 tailwind css：
npx tailwindcss init
这将在您的项目中创建一个 tailwind.config.js 文件。
- 配置 tailwind 编辑 tailwind.config.js 文件以配置内容路径。将内容密钥替换为以下内容：
/** @type {import('tailwindcss').config} */
module.exports = {
content: [
"./src/**/*.{js,jsx,ts,tsx}", // scan these files for tailwind classes
],
theme: {
extend: {},
},
plugins: [],
};
- 将 tailwind 指令添加到 css 在 src 文件夹中，找到或创建一个名为 index.css 的文件。添加以下 tailwind 指令：
@tailwind base; @tailwind components; @tailwind utilities;
- 在 react 中导入 css 确保 index.css 已导入到您的项目中。在 src/index.js 文件中，您应该具有：
import './index.css';
- 启动开发服务器 运行你的 react 应用程序来查看 tailwind css 的实际效果：
npm start
