Vue 中使用 tailwindcss

Vue2 中使用 tailwindcss

npm i tailwindcss@3 postcss@8 autoprefixer@10 -D
npx tailwindcss init -p

// tailwind.config.js
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [],
  purge: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  theme: {
    extend: {},
  },
  plugins: [],
}
// 最后在 main.js 引入，注意样式要在 element-ui 的前面，不然会覆盖它的样式

Vue3 中使用：

https://www.tailwindcss.cn/docs/guides/vue-3-vite

区别是：Vue2 和 Vue3 中的tailwind.config.js文件内容不同

这个库自带的样式太多了，不建议在大项目中使用