项目配置

elementPlus

1. 下载安装

npm install element-plus @element-plus/icons-vue

2. main.ts 全局注册

import { createApp } from 'vue';
import { createPinia } from 'pinia';
// 1. 引入 elementPlus
import ElementPlus from 'element-plus';
// 2. 引入 elementPlus 样式
import 'element-plus/dist/index.css';

// 3. 全局注册 elementPlus 图标
import * as ElementPlusIconsVue from '@element-plus/icons-vue';

import App from './App.vue';
import router from './router';

const app = createApp(App);
app.use(createPinia());
app.use(router);
// 3. icon配置
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component);
}

// 4. 使用 elementPlus
app.use(ElementPlus);
app.mount('#app');