Vue3+Vite安装配置tailwindCss

考虑到官网不是很好访问，这里记录一下简单步骤方便小友查阅

1. 安装依赖

npm install -D tailwindcss postcss autoprefixer

2. 初始化配置文件

npx tailwindcss init -p

3.配置模板路径

/** @type {import('tailwindcss').Config} */
export default {content: ["./index.html","./src/**/*.{vue,js,ts,jsx,tsx}",],theme: {extend: {},},plugins: [],
}

4. 导入css指令

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

5.下载必要插件，看个人习惯，具体可以另搜教程