elementUI实战应用

官网：https://element.eleme.cn/

element ui 就是基于Vue的一个ui框架，该框架基于vue开发了很多相关组件，方便我们快速开发页面

实战软件：WebStorm

一、安装ElementUI.

1、安装vue-cli脚手架.

若安装了，可跳过

npm install vue-cli -g

# 测试是否安装成功
vue list

2、通过vue脚手架创建项目.

# vue init webpack 项目名（可自定义）
vue init webpack element

# 初始化完毕 get started
cd element
npm run dev

localhost:8080访问

出现以下界面vue-cli创建项目并启动成功

3、通过vue脚手架安装elementUI.

# 1、下载elementUI依赖
npm i element-ui -S

# 2、引入elementUI src/main.js （全部引入）
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';



Vue.use(ElementUI); # 使用elementUI

也可以部分组件引入（详情）：https://element.eleme.cn/#/zh-CN/component/quickstart