nuxt主题配置

• 集成tailwind
  • 文档：https://tailwindcss.nuxtjs.org/
• 主题切换
• 主题样式配置

集成tailwind

• 会自动添加@nuxtjs/tailwindcss模块到nuxt配置中

bash

# 使用nuxi命令安装
npx nuxi module add tailwindcss

• 生成tailwindcss配置

bash

pnpm dlx tailwindcss init
# 如果tailwindcss init执行报错，就试试 tailwindcss-cli init
npx tailwindcss-cli init

tailwindcss配置

• 运行 Nuxt 项目时，此模块将查找这些文件：
  • ./assets/css/tailwind.css
  • ./tailwind.config.{js,cjs,mjs,ts}
• 新建assets/css/tailwind.css文件夹

主题配置

• 主题切换
• tailwindcss+css变量