安装tailwind css步骤

安装tailwind 和 postcss autoprefixer

npm install -D tailwindcss postcss autoprefixer

初始化tailwind 和 postcss

 npx tailwindcss init -p  

然后打开你的项目文件

会看见postcss.config.js里面设置了 tailwindcss和autoprefixer

再打开tailwind的设置文件：tailwind.config.js 设置purge部分

purge: [
	  './index.html',
	  './src/**/*.{vue.js.ts.jsx.tsx}'
  ],

然后在src下创建index.css加载tailwind三大部件

@tailwind base;
@tailwind components;
@tailwind  utilities;

然后在main.js载入index.css

import './index.css'

启动项目

作者：创校园
链接：juejin.cn/post/699814…
来源：稀土掘金