Element-UI快速入门

Element-UI是什么?

就是一个把样式给你写好了的玩意儿,没错 就是不用你写样式。
先来看简单使用效果:
Element-UI快速入门_第1张图片
像咱们使用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
Element-UI快速入门_第2张图片
这里我使用第一种方式,npm安装 以及全局引入(局部引入请看官网说明)

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

npm i element-ui 

你可能感兴趣的:(Vue.js,js,elementui,前端,javascript)