tailwindcss 切换深色主题切换

install

npm install -D tailwindcss@latest postcss@latest autoprefixer@latest

init

npx tailwindcss init -p

create style index.css

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

main.ts

/* use start css */
import "@/style/index.css"

config

module.exports = {
  content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
  darkMode: 'class',
  theme: {
    extend: {}
  },
  plugins: []
}

[官网]https://www.tailwindcss.cn/docs/installation