- 确认安装并引入TailwindCSS:使用npm安装后,在CSS文件中引入TailwindCSS
npm install tailwindcss
在CSS文件中引入:
@tailwind base;
@tailwind components;
@tailwind utilities;
- 确认CSS文件正确配置:为使TailwindCSS生效,需要在CSS文件中正确地配置和引用TailwindCSS类,如下所示:
Hello, World!
- 重新编译CSS文件:在修改完CSS文件后,需要重新编译CSS文件才能使更改生效。可以使用以下命令重新编译CSS文件:
npx tailwindcss-cli@latest build -o output.css
或使用其他工具重新编译。