样式化

css config

export default defineNuxtConfig({
  // 初始化样式
  css: ['~/assets/css/main.scss'],
  vite: {
    css: {
      preprocessorOptions: {
        scss: {
          additionalData: '@use "~/assets/_colors.scss" as *;',
        },
      },
    },
  },
})

集成 sass

npm i -D sass

集成组件库

Tailwind CSS

• 自动安装：直接在 Nuxt DevTools 中的 Modules 模块市场中搜索 tailwind 安装
• 手动安装：参考 Tailwind CSS 官方文档

Element Plus

• 自动安装：直接在 Nuxt DevTools 中的 Modules 模块市场中搜索 element-plus 安装
• 手动安装：参考 Element Plus 官方文档

Vant

• 自动安装：直接在 Nuxt DevTools 中的 Modules 模块市场中搜索 vant 安装
• 手动安装：参考 Vant 官方文档