步骤一
安装
npm i -D tailwindcss postcss autoprefixer
步骤二
使用npx生成Tailwind CSS配置文件
npx tailwindcss init -p
步骤三
在配置文件(tailwind.config.js)的content中添加所有模板文件的路径
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/09670418d782e4bec0f34e5d5c57424e.png)
步骤四
创建一个tailwindcss.css样式文件,用于初始化并引入tailwindcss的基础样式
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/02ba36003e986674d2f48f288eded02b.png)
步骤五
导入css/tailwindcss.css到main.js,这样就让你的项目拥有了Tailwind CSS
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/6970088aee4d9f8226ca64ad5e445f5f.png)