Element-UI快速入门

本文介绍了Element-UI的基础知识,包括它是由饿了么前端团队为Vue 2.0打造的桌面端组件库。内容涵盖安装、在main.js中引入、Sublime Text安装代码片段插件以及详细的使用说明,如元素间隔、容器设置、事件绑定、样式覆盖等关键点。
摘要由CSDN通过智能技术生成

1、什么是ElementUI

Element 饿了么前端出品的一套 基于 Vue 2.0 的桌面端组件库官网

2、安装

npm install element-ui -S

3、在main.js中引入

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

4、sublime text安装elemnt-ui代码片段插件

打开sublime text的安装目录,找到存放插件的目录,例如:

Sublime Text 3x64 > Data > Packages

5、代码片段插件使用教程地址

[教程地址](https://packagecontrol.io/packages/Element UI Snippets)

6、Element-ui使用说明

6.1

el-row的gutter属性主要是用来设置元素的左右间隔值(padding),例如:gutter=’50’,意思是内边距的左边为25px(padding-left),右边距为25px(padding-ri

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值