Element-UI快速入门

Element-UI是什么？

就是一个把样式给你写好了的玩意儿，没错 就是不用你写样式。
先来看简单使用效果：

像咱们使用html+css写一个按钮，要实现左边样式可能需要写class/style然后写样式；
但使用了Element-UI。那就等于样式已经给你写好了；
直接copy过来就行了，是不是省下很多工作量！！！

好，简单理解了，就直接开始吧！
这里拿最简单Vue2-cli脚手架的项目做说明，简单说vue-cli安装教程。

安装Vue脚手架

• 前提：安装nodejs、安装vue-cli和vue（这里不作详细）

 vue create mydev（项目名）

运行

npm run dev

安装Element-UI

官网：https://element.eleme.cn/#/zh-CN/component/installation

这里我使用第一种方式，npm安装 以及全局引入（局部引入请看官网说明）

第一步，回到你的vue项目，终端命令执行：

npm i element-ui