vue3 - 3 Element Plus安装和配置

Element Plus:基于Vue3,面向设计师和开发者的组件库;

地址如下:https://element-plus.org/zh-CN/

注意 最好管理员权限下运行

npm install element-plus --save
yarn add element-plus
pnpm install element-plus
View Code

修改main.ts(导入ElementPlus)

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
const app = createApp(App)
app.use(router)
app.use(ElementPlus)
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
}
app.mount('#app')

优化登陆页面,引用ElementPlus,让豆包生成的

image

 

posted @ 2025-12-24 14:36  AlamZ  阅读(5)  评论(0)    收藏  举报