引入 tailwindcss
在前端文件目录下运行npm install -D tailwindcss postcss autoprefixer
安装完成后再运行npx tailwindcss init -p
会生成两个文件,postcss.config.js 和 tailwind.config.js
配置 tailwind.config.js
/** @type {import('tailwindcss').Config} */
export default {content: ["./index.html","./src/**/*.{vue,js,ts,jsx,tsx}",],theme: {extend: {},},plugins: [],
}
配置 style.css
顶部添加
@tailwind base;
@tailwind components;
@tailwind utilities;
//...
安装 VSCode 插件
Tailwind CSS IntelliSense