创建React项目
首先,如果您还没有React项目,可以使用以下命令创建一个新项目:
npx create-react-app my-tailwind-app
cd my-tailwind-app
安装Tailwind CSS
接下来,按照以下步骤安装Tailwind CSS:
- 安装必要的依赖:
npm install -D tailwindcss postcss autoprefixer
- 初始化Tailwind配置:
npx tailwindcss init -p
这将生成两个文件:tailwind.config.js
和postcss.config.js
。
配置Tailwind
- 编辑
tailwind.config.js
文件,添加要扫描的模板路径:
module