步骤一:安装 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'
]
})