【Nuxt实战】在Nuxt3项目中如何按需引入Element-plus
步骤一:安装 Element Plus 和图标库
首先,使用以下命令安装 Element Plus 和它的图标库:
npm install element-plus --save
npm install @element-plus/icons-vue
步骤二:安装 Nuxt Element Plus 模块
安装 Nuxt Element Plus 模块:
pnpm i @element-plus/nuxt -D
步骤三:配置 Nuxt 项目
在 nuxt.config.ts 文件中进行配置,添加 Element Plus 模块和 CSS 样式:
import { defineNuxtConfig } from 'nuxt3'export default defineNuxtConfig({devtools: { enabled: true },modules: ['@element-plus/nuxt']
})