Element-UI:一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面组件库。
官网地址:https://element.eleme.cn/#/zh-CN
Element-UI 的基本使用(基于vue-cli快速构建的项目)
- 1 基于命令行方式手动安装
安装依赖包npm i element-ui -S
导入Element-UI相关资源
//main.js文件中,手动配置element-ui
// 导入组件库
import ElementUI form 'element-ui'
// 导入组件相关样式
import 'element-ui/lib/theme-chalk/index.css'
// 配置Vue插件
Vue.use(ElementUI)
- 2 基于图形化界面自动安装
命令行运行vue ui
,打开图像化界面
通过Vue项目管理器
,进入具体的项目配置面板
点击插件 -> 添加插件
,进入产检查询面板
搜索vue-cli-plugin-element
并安装
配置插件,实现按需导入,从而减少打包后的项目体积
测试:运行(已经导入了button
,部分文件改变,可以通过git观察具体改变)
配置插件:`inport on demand`