• ElementUI的构建流程
• 前端入门->makefile

├─build // 构建相关的脚本和配置
├─examples // 用于展示Element组件的demo
├─lib // 构建后生成的文件，发布到npm包
├─packages // 组件代码
├─src // 引入组件的入口文件
├─test // 测试代码
├─Makefile // 构建文件
├─components.json // ****组件列表
└─package.json

npm i vue vue-loader vue-router vue-template-compiler vue-template-es2015-compiler -D

1. yarn进行依赖安装
2. npm run bootstrap 安装依赖
3. nav.config.json网站侧边栏导航
4. npm run build:file 的作用是运行 build 目录下几个命令，包括对 icon、entry、i18n、version 等初始化。
5. npm run build:file生成目标文件(npm run dev的前置条件)
   1. npm run dev 可以通过webpack-dev-sever在本地运行 Element 官网的demo。
6. npm run dev:play可以在编写组件的时候预览效果 build/webpack.demo.js
7. npm run dist进行Element-lib的打包操作——最终的index.js
8. npm run deploy:build进行Element-ui 文档网站的打包操作
9. 通过 webpack-dev-server 运行 build/webpack.demo.js

uglifyjs-webpack-plugin 删除console UglifyJS2

Special thanks to the generous sponsorship by:

A Vue.js 2.0 UI Toolkit for Web.

• Homepage and documentation
  • International users
  • Chinese users
  • Spanish users
  • French users
• awesome-element
• FAQ
• 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

npm install element-ui -S

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.

Modern browsers and Internet Explorer 10+.

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.

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

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

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

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

If you find Element useful, you can buy us a cup of coffee

Support us with a monthly donation and help us continue our activities. [Become a backer]

Become a sponsor and get your logo on our README on Github with a link to your site. [Become a sponsor]

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

MIT