Element-UI:基于开发者、设计师和产品经理的准备 Vue 2.0 桌面端组件库。 官网地址如下: http://element-cn.eleme.io/#/zh-CN
1、基于命令行方式手动安装
- 安装依赖包 npm i element-ui –S
- 导入 Element-UI 相关资源
// 导入组件库 import ElementUI from 'element-ui'; // 导入组件相关样式 import 'element-ui/lib/theme-chalk/index.css'; // 配置 Vue 插件 Vue.use(ElementUI);
2.基于图形界面自动安装
- 运行 vue ui 命令打开图形界面
- 通过 Vue 进入具体项目配置面板的项目管理器
- 点击 插件 -> 添加插件,进入插件查询面板
- 搜索 vue-cli-plugin-element 并安装
- 配置插件,按需导入,减少包装后项目的体积