element

前端 框架
饿了么前端推出的基于 Vue.js 2.0 的后台组件库,它能够帮助你更轻松更快速地开发 web 项目
4天前 13 18 我要收藏

Element

Desktop UI elements for Vue.js 2.0.

Docs

Coming soon

Demo

Demo will come with the documentation. Here is a preview of what a page based on Element looks like:

Usages

npm install element-ui@next

Quick Start

use babel-plugin-component

import Vue from 'vue'
import Element from 'element-ui'

Vue.use(Element)

// or
import {
  Select,
  Button
  // ...
} from 'element-ui'

Vue.component(Select.name, ElSelect)
Vue.component(Button.name, ElButton)

(roughly) to

import Vue from 'vue'
import Element from 'element-ui'
import 'element-ui/lib/theme-default/index.css';

Vue.use(Element)

// or
import Select from 'element-ui/lib/select';
import Select from 'element-ui/lib/theme-default/select.css';
import Button from 'element-ui/lib/button';
import Button from 'element-ui/lib/theme-default/button.css';

Vue.component(Select.name, ElSelect)
Vue.component(Button.name, ElButton)

babel-plugin-component

.babelrc

{
  "plugins": ["xxx", ["component", [
    {
      "libraryName": "element-ui",
      "styleLibraryName": "theme-default"
    }
  ]]]
}

development

Building Tool Installation

Element UI is built with cooking. So before running it you'll need to install cooking globally.

$ npm install cooking -g

Commands

$ make install                        ---  install dependencies
$ make dev                            ---  develop mode
$ make dist                           ---  compile the project
$ make dist-all                       ---  compile each component individually

Changelog

Details changes for each release are documented in the release notes.

LICENSE

MIT

element 相关推荐
对于该库,你有要推荐的内容么?点此提交推荐
请文明评论,与人为善,比聪明更重要!
评论(13)