Element-UI:一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。
基于命令行方式手动安装
-
安装依赖包 npm i element-ui –S
-
导入 Element-UI 相关资源
在入口文件main.js中,写入如下代码:
// 导入组件库 import ElementUI from 'element-ui'; // 导入组件相关样式 import 'element-ui/lib/theme-chalk/index.css'; // 配置 Vue 插件 Vue.use(ElementUI);
基于图形化界面自动安装
- 运行 vue ui 命令,打开图形化界面
- 通过 Vue 项目管理器,进入具体的项目配置面板
- 点击 插件 -> 添加插件,进入插件查询面板
- 搜索 vue-cli-plugin-element 并安装
- 配置插件,实现按需导入,从而减少打包后项目的体积
本文详细介绍Element-UI的两种安装方法:手动命令行安装与图形界面自动安装,包括依赖包安装、资源导入及插件配置,帮助快速上手Vue2.0桌面组件库。
618

被折叠的 条评论
为什么被折叠?



