Vue3+SpringBoot4 从零搭建后台管理系统【第三篇】安装UI 组件 Element Plus

1、安装 element-plus 依赖pnpm install element-plus # 安装图标依赖 pnpm install element-plus/icons-vue2、配置 Element Plus在 main.ts 中引入import { createApp } from vue // import ./style.css import App from ./App.vue import router from ./router/index // 导入 ElementPlus import ElementPlus from element-plus // ElementPlus 样式表文件 import element-plus/dist/index.css // ElementPlus 图标文件 import * as ElementPlusIconsVue from element-plus/icons-vue // 国际化中文 import zhCn from element-plus/es/locale/lang/zh-cn const app createApp(App) app.use(router) // 使用 ElementPlus app.use(ElementPlus, { locale: zhCn, }) app.mount(#app) // 添加 Icon 组件 for (const [key, component] of Object.entries(ElementPlusIconsVue)) { app.component(key, component) }