13.Element UI 的基本使用

1.基于命令行方式手动安装

1.安装依赖包。

npm install element-ui -S

2.在main.js入口文件中导入Element UI 的相关资源。

import ElementUI from 'element-ui'//导入组件库
import 'element-ui/lib/theme-chalk/index.css'//导入组件样式
Vue.use(ElementUI);//配置vue插件

2.基于图形化界面自动安装

1.运行vue ui命令，打开图形化界面。

vue ui

2.通过vue项目管理器进入具体的项目配置面板。
3.点击插件->添加插件，进入插件查询面板。


4.搜索vue-cli-plugin-element并安装。

5.配置插件，实现按需导入，从而减少打包后项目的体积。

至此，则完成element ui 的安装，以下是安装结果：

1.main.js中自动导入的element.js。

2.目录中会自动生成一个plugins文件。