Element-UI的使用

mini74

于 2020-04-14 16:12:34 发布

阅读量271

点赞数

CC 4.0 BY-SA版权

文章标签： vue

本文链接：https://blog.youkuaiyun.com/mini74/article/details/105513905

本文详细介绍Element-UI，一款基于Vue2.0的桌面端组件库，适用于开发者、设计师和产品经理。涵盖官网地址、两种安装方式：命令行手动安装与图形界面自动安装，以及如何在项目中导入和配置Element-UI，实现按需加载，优化项目体积。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

概述
Element-UI：一套为开发者，设计师和产品经理准备的基于Vue2.0的左面端组件库。
官网地址：https://element.eleme.cn/#/zh-CN
基本使用
1.基于命令行的方式手动安装（不推荐）

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

2.基于图形化界面自动安装
运行 vue ui命令，打开图形化界面
2.通过Vue项目管理器，进入具体的项目配置面板
3.点击插件 ->添加插件，进入插件查询面板
4.搜索 vue-cli-plugin-element并安装
5.配置插件，实现按需导入，从而减少打包后项目的体积