A Vue.js 2.0 UI Toolkit for Web.

Element will stay with Vue 2.x

For Vue 3.0, we recommend using Element Plus from the same team

Links

• Homepage and documentation
  • International users
  • Chinese users
  • Spanish users
  • French users
• awesome-element
• FAQ
• Vue.js 3.0 migration
• Customize theme
• Preview and generate theme online
• Element for React
• Element for Angular
• Atom helper
• Visual Studio Code helper
• Starter kit
  • element-starter
  • element-in-laravel-starter
• Design resources
• Gitter
  • International users
  • Chinese users

Install

npm install element-ui -S

Quick Start

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

Vue.use(Element)

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

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

For more information, please refer to Quick Start in our documentation.

Browser Support

Modern browsers and Internet Explorer 10+.

Development

Skip this part if you just want to use Element.

For those who are interested in contributing to Element, please refer to our contributing guide (中文 | English | Español | Français) to see how to run this project.

Changelog

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

FAQ

We have collected some frequently asked questions. Before reporting an issue, please search if the FAQ has the answer to your problem.

Contribution

Please make sure to read the contributing guide (中文 | English | Español | Français) before making a pull request.

Special Thanks

English documentation is brought to you by SwiftGG Translation Team:

• raychenfj
• kevin
• 曾小涛
• 湾仔王二
• BlooDLine
• 陈铭嘉
• 千叶知风
• 梁杰
• Changing
• mmoaay

Spanish documentation is made possible by these community developers:

• adavie1
• carmencitaqiu
• coderdiaz
• fedegar33
• Gonzalo2310
• lesterbx
• ProgramerGuy
• SantiagoGdaR
• sigfriedCub1990
• thechosenjuan

French documentation is made possible by these community developers:

• smalesys
• blombard

Join Discussion Group

Scan the QR code using Dingtalk App to join in discussion group :

LICENSE

MIT

开发环境搭建 首先你需要 Node.js 4+，yarn 和 npm 3+。注意：我们使用 yarn 进行依赖版本的锁定，所以请不要使用 npm install 安装依赖。

git clone [email protected]:ElemeFE/element.git npm run dev

open http://localhost:8085

组件预览环境

提示：可以运行 npm run dev:play，修改 examples/play/index.vue 文件，调用你修改后的组件，仍然访问 http://localhost:8085，查看修改效果，更快更方便。

部署开放平台

npm run deploy:build 生成examples/element-ui静态文件，nginx上指向examples/element-ui [默认访问examples/element-ui/index.html]

打包代码：

npm run dist