Vue+Element Plus 初始化 _初始化

#进入项目目录cd k8s-platform-fe#安装element plus，这些依赖是根据每个项目去隔离的npm install element-plus
-ui的图标不需要一个一个导入就可以直接使用了。但是-plus的话需要一个一个导入。图标如果没有去做全局注册的话，要去导入一下，引入一下才能使用这个图标，也就是局部导入，这样在后面使用图标的时候直接使用就行了，就不需要再去导入了。

文章插图
下面就是整个的初始化就完成了。

文章插图

import { createApp } from 'vue'import App from './App.vue'//导入elementplusimport ElementPlus, { ElIcon } from 'element-plus'//默认情况下找的是node_models目录下的，导入样式表import 'element-plus/dist/index.css'//导入element-plus所有图标import * as ELIcons from '@element-plus/icons-vue'//改造vue初始化实例const app = createApp(App)//将所有图标注册为组件,每个图标都属于一个组件for (let iconName in ELIcons){//第一个参数是你注册的组件名，这里是原生的组件名,第二个参数是组件app.component(iconName,ElIcon[iconName])}//使用element-plus组件库app.use(ElementPlus)app.mount('#app')

【Vue+Element Plus 初始化】是注册组件，在main.js里面的话就是全局注册，所有地方都能用，use是使用第三方包的特性，也就是安装vue的插件，你像antd、、这些，除了npm 外，还需要vue去引入这个插件。