element

前端 框架
饿了么前端推出的基于 Vue.js 2.0 的后台组件库,它能够帮助你更轻松更快速地开发 web 项目
2019-11-12 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)