element
A Vue.js 2.0 UI Toolkit for Web
File Explorer
Download Latest Version (.zip)- config.yml
- preview-build.yml
- preview-deploy.yml
- CONTRIBUTING.en-US.md
- CONTRIBUTING.es.md
- CONTRIBUTING.fr-FR.md
- CONTRIBUTING.zh-CN.md
- ISSUE_TEMPLATE.md
- PULL_REQUEST_TEMPLATE.md
- stale.yml
- build-entry.js
- build-locale.js
- gen-cssfile.js
- gen-indices.js
- i18n.js
- iconInit.js
- new-lang.js
- new.js
- template.js
- version.js
- config.js
- containers.js
- fence.js
- index.js
- util.js
- config.js
- deploy-ci.sh
- deploy-faas.sh
- gen-single-config.js
- git-release.sh
- release.sh
- webpack.common.js
- webpack.component.js
- webpack.conf.js
- webpack.demo.js
- webpack.extension.js
- webpack.test.js
- Axure-Components.svg
- button-d-cn.png
- button-d-en.png
- button-l-cn.png
- button-l-en.png
- cloud-1.png
- cloud-2.png
- compo-1.png
- compo-2.png
- compo-3.png
- component.png
- consistency.png
- controllability.png
- dialog-close.png
- efficiency.png
- element-demo.jpeg
- element-logo-small.svg
- element-logo.svg
- feedback.png
- figure-1.png
- figure-2.png
- guide.png
- hamburger.png
- icon-check.png
- icon-copy.png
- icon-download.png
- icon-edit.png
- icon-redo.svg
- icon-undo.svg
- icon-upload.svg
- intro-theme-b.png
- Module.svg
- navbar_0.png
- navbar_1.png
- navbar_2.png
- navbar_3.png
- plant-1.png
- plant-2.png
- qrcode.png
- resource-placeholder.svg
- resource.png
- search-by-algolia.svg
- Sketch-Template.svg
- term-arial.png
- term-helvetica.png
- term-hiragino.png
- term-microsoft.png
- term-pingfang.png
- term-sf.png
- theme-index-blue.png
- theme-index-icon.svg
- theme-index-red.png
- theme-intro.png
- typography.png
- web.png
- icomoon.eot
- icomoon.svg
- icomoon.ttf
- icomoon.woff
- style.css
- common.css
- index.vue
- progress.js
- progress.vue
- ajax.js
- api.js
- docStyle.vue
- index.vue
- basic-tokens-preview.vue
- components-preview.vue
- constant.js
- localstorage.js
- theme-card.vue
- theme-list.js
- utils.js
- alpha-slider.vue
- color-list.vue
- hue-slider.vue
- picker-dropdown.vue
- predefine.vue
- sv-panel.vue
- color.js
- draggable.js
- main.vue
- index.js
- borderRadius.vue
- boxShadow.vue
- color.vue
- fontLineHeight.vue
- fontSize.vue
- fontWeight.vue
- input.vue
- mixin.vue
- simpleText.vue
- boxShadow.js
- utils.js
- action.vue
- index.vue
- main.vue
- shortcut.vue
- demo-block.vue
- footer-nav.vue
- footer.vue
- header.vue
- search.vue
- side-nav.vue
- theme-picker.vue
- alert.scss
- avatar.scss
- badge.scss
- border.scss
- button.scss
- calendar.scss
- card.scss
- carousel.scss
- cascader.scss
- collapse.scss
- color-picker.scss
- color.scss
- container.scss
- date-picker.scss
- datetime-picker.scss
- descriptions.scss
- dialog.scss
- divider.scss
- drawer.scss
- dropdown.scss
- form.scss
- i18n.scss
- icon.scss
- image.scss
- index.scss
- infinite-scroll.scss
- input-number.scss
- input.scss
- layout.scss
- loading.scss
- menu.scss
- pagination.scss
- popover.scss
- progress.scss
- rate.scss
- select.scss
- skeleton.scss
- slider.scss
- switch.scss
- table.scss
- tag.scss
- time-picker.scss
- timeline.scss
- tooltip.scss
- transfer.scss
- transition.scss
- tree.scss
- typography.scss
- upload.scss
- alert.md
- avatar.md
- backtop.md
- badge.md
- border.md
- breadcrumb.md
- button.md
- calendar.md
- card.md
- carousel.md
- cascader.md
- checkbox.md
- collapse.md
- color-picker.md
- color.md
- container.md
- custom-theme.md
- date-picker.md
- datetime-picker.md
- descriptions.md
- dialog.md
- divider.md
- drawer.md
- dropdown.md
- empty.md
- form.md
- i18n.md
- icon.md
- image.md
- infiniteScroll.md
- input-number.md
- input.md
- installation.md
- layout.md
- link.md
- loading.md
- menu.md
- message-box.md
- message.md
- notification.md
- page-header.md
- pagination.md
- popconfirm.md
- popover.md
- progress.md
- quickstart.md
- radio.md
- rate.md
- result.md
- select.md
- skeleton.md
- slider.md
- statistic.md
- steps.md
- switch.md
- table.md
- tabs.md
- tag.md
- time-picker.md
- timeline.md
- tooltip.md
- transfer.md
- transition.md
- tree.md
- typography.md
- upload.md
- alert.md
- avatar.md
- backtop.md
- badge.md
- border.md
- breadcrumb.md
- button.md
- calendar.md
- card.md
- carousel.md
- cascader.md
- checkbox.md
- collapse.md
- color-picker.md
- color.md
- container.md
- custom-theme.md
- date-picker.md
- datetime-picker.md
- descriptions.md
- dialog.md
- divider.md
- drawer.md
- dropdown.md
- empty.md
- form.md
- i18n.md
- icon.md
- image.md
- infiniteScroll.md
- input-number.md
- input.md
- installation.md
- layout.md
- link.md
- loading.md
- menu.md
- message-box.md
- message.md
- notification.md
- page-header.md
- pagination.md
- popconfirm.md
- popover.md
- progress.md
- quickstart.md
- radio.md
- rate.md
- result.md
- select.md
- skeleton.md
- slider.md
- statistic.md
- steps.md
- switch.md
- table.md
- tabs.md
- tag.md
- time-picker.md
- timeline.md
- tooltip.md
- transfer.md
- transition.md
- tree.md
- typography.md
- upload.md
- alert.md
- avatar.md
- backtop.md
- badge.md
- border.md
- breadcrumb.md
- button.md
- calendar.md
- card.md
- carousel.md
- cascader.md
- checkbox.md
- collapse.md
- color-picker.md
- color.md
- container.md
- custom-theme.md
- date-picker.md
- datetime-picker.md
- descriptions.md
- dialog.md
- divider.md
- drawer.md
- dropdown.md
- empty.md
- form.md
- i18n.md
- icon.md
- image.md
- infiniteScroll.md
- input-number.md
- input.md
- installation.md
- layout.md
- link.md
- loading.md
- menu.md
- message-box.md
- message.md
- notification.md
- page-header.md
- pagination.md
- popconfirm.md
- popover.md
- progress.md
- quickstart.md
- radio.md
- rate.md
- result.md
- select.md
- skeleton.md
- slider.md
- statistic.md
- steps.md
- switch.md
- table.md
- tabs.md
- tag.md
- time-picker.md
- timeline.md
- tooltip.md
- transfer.md
- transition.md
- tree.md
- typography.md
- upload.md
- alert.md
- avatar.md
- backtop.md
- badge.md
- border.md
- breadcrumb.md
- button.md
- calendar.md
- card.md
- carousel.md
- cascader.md
- checkbox.md
- collapse.md
- color-picker.md
- color.md
- container.md
- custom-theme.md
- date-picker.md
- datetime-picker.md
- descriptions.md
- dialog.md
- divider.md
- drawer.md
- dropdown.md
- empty.md
- form.md
- i18n.md
- icon.md
- image.md
- infiniteScroll.md
- input-number.md
- input.md
- installation.md
- layout.md
- link.md
- loading.md
- menu.md
- message-box.md
- message.md
- notification.md
- page-header.md
- pagination.md
- popconfirm.md
- popover.md
- progress.md
- quickstart.md
- radio.md
- rate.md
- result.md
- select.md
- skeleton.md
- slider.md
- statistic.md
- steps.md
- switch.md
- table.md
- tabs.md
- tag.md
- time-picker.md
- timeline.md
- tooltip.md
- transfer.md
- transition.md
- tree.md
- typography.md
- upload.md
- class.js
- editor.vue
- gallery.vue
- icon-close.png
- icon-entrance.png
- index.vue
- utils.js
- app.js
- background.js
- entry.js
- icon.png
- manifest.json
- .gitignore
- component.json
- page.json
- route.json
- theme-editor.json
- title.json
- changelog.tpl
- component.tpl
- design.tpl
- guide.tpl
- index.tpl
- nav.tpl
- resource.tpl
- theme-nav.tpl
- theme-preview.tpl
- theme.tpl
- index.vue
- app.vue
- bus.js
- color.js
- entry.js
- favicon.ico
- icon.json
- index.tpl
- nav.config.json
- play.js
- route.config.js
- util.js
- versions.json
- main.vue
- index.js
- main.vue
- index.js
- autocomplete-suggestions.vue
- autocomplete.vue
- index.js
- main.vue
- index.js
- main.vue
- index.js
- main.vue
- index.js
- breadcrumb-item.vue
- breadcrumb.vue
- index.js
- index.js
- button-group.vue
- button.vue
- index.js
- index.js
- date-table.vue
- main.vue
- index.js
- main.vue
- index.js
- item.vue
- main.vue
- index.js
- index.js
- cascader.vue
- index.js
- cascader-menu.vue
- cascader-node.vue
- cascader-panel.vue
- node.js
- store.js
- index.js
- checkbox-button.vue
- checkbox-group.vue
- checkbox.vue
- index.js
- index.js
- index.js
- col.js
- index.js
- collapse-item.vue
- collapse.vue
- index.js
- index.js
- alpha-slider.vue
- hue-slider.vue
- picker-dropdown.vue
- predefine.vue
- sv-panel.vue
- color.js
- draggable.js
- main.vue
- index.js
- main.vue
- index.js
- date-table.vue
- month-table.vue
- time-spinner.vue
- year-table.vue
- date-range.vue
- date.vue
- month-range.vue
- time-range.vue
- time-select.vue
- time.vue
- date-picker.js
- time-picker.js
- time-select.js
- picker.vue
- index.js
- descriptions-item.js
- descriptions-row.js
- index.js
- index.js
- index.js
- component.vue
- index.js
- main.vue
- index.js
- main.vue
- index.js
- dropdown-item.vue
- dropdown-menu.vue
- dropdown.vue
- index.js
- index.js
- index.js
- img-empty.vue
- index.vue
- index.js
- main.vue
- index.js
- form-item.vue
- form.vue
- label-wrap.vue
- index.js
- index.js
- main.vue
- index.js
- icon.vue
- index.js
- image-viewer.vue
- main.vue
- index.js
- main.js
- index.js
- calcTextareaHeight.js
- input.vue
- index.js
- input-number.vue
- index.js
- main.vue
- index.js
- directive.js
- index.js
- loading.vue
- index.js
- main.vue
- index.js
- menu-item-group.vue
- menu-item.vue
- menu-mixin.js
- menu.vue
- submenu.vue
- index.js
- index.js
- index.js
- main.js
- main.vue
- index.js
- main.js
- main.vue
- index.js
- main.js
- main.vue
- index.js
- index.js
- index.js
- main.vue
- index.js
- pager.vue
- pagination.js
- index.js
- main.vue
- index.js
- directive.js
- main.vue
- index.js
- progress.vue
- index.js
- radio-button.vue
- radio-group.vue
- radio.vue
- index.js
- index.js
- index.js
- main.vue
- index.js
- icon-error.vue
- icon-info.vue
- icon-success.vue
- icon-warning.vue
- index.vue
- index.js
- row.js
- index.js
- bar.js
- main.js
- util.js
- index.js
- navigation-mixin.js
- option-group.vue
- option.vue
- select-dropdown.vue
- select.vue
- index.js
- img-placeholder.vue
- index.vue
- item.vue
- index.js
- index.js
- button.vue
- main.vue
- marker.js
- index.js
- spinner.vue
- index.js
- main.vue
- index.js
- index.js
- step.vue
- steps.vue
- index.js
- README.md
- index.js
- component.vue
- index.js
- index.js
- current.js
- expand.js
- helper.js
- index.js
- tree.js
- watcher.js
- config.js
- dropdown.js
- filter-panel.vue
- layout-observer.js
- table-body.js
- table-column.js
- table-footer.js
- table-header.js
- table-layout.js
- table-row.js
- table.vue
- util.js
- index.js
- index.js
- tab-bar.vue
- tab-nav.vue
- tab-pane.vue
- tabs.vue
- index.js
- tag.vue
- index.js
- popup.scss
- transition.scss
- var.scss
- date-picker.scss
- date-range-picker.scss
- date-table.scss
- month-table.scss
- picker-panel.scss
- picker.scss
- time-picker.scss
- time-range-picker.scss
- time-spinner.scss
- year-table.scss
- element-icons.ttf
- element-icons.woff
- _button.scss
- config.scss
- function.scss
- mixins.scss
- utils.scss
- alert.scss
- aside.scss
- autocomplete.scss
- avatar.scss
- backtop.scss
- badge.scss
- base.scss
- breadcrumb-item.scss
- breadcrumb.scss
- button-group.scss
- button.scss
- calendar.scss
- card.scss
- carousel-item.scss
- carousel.scss
- cascader-panel.scss
- cascader.scss
- checkbox-button.scss
- checkbox-group.scss
- checkbox.scss
- col.scss
- collapse-item.scss
- collapse.scss
- color-picker.scss
- container.scss
- date-picker.scss
- descriptions-item.scss
- descriptions.scss
- dialog.scss
- display.scss
- divider.scss
- drawer.scss
- dropdown-item.scss
- dropdown-menu.scss
- dropdown.scss
- empty.scss
- footer.scss
- form-item.scss
- form.scss
- header.scss
- icon.scss
- image.scss
- index.scss
- infinite-scroll.scss
- infiniteScroll.scss
- input-number.scss
- input.scss
- link.scss
- loading.scss
- main.scss
- menu-item-group.scss
- menu-item.scss
- menu.scss
- message-box.scss
- message.scss
- notification.scss
- option-group.scss
- option.scss
- page-header.scss
- pagination.scss
- popconfirm.scss
- popover.scss
- popper.scss
- progress.scss
- radio-button.scss
- radio-group.scss
- radio.scss
- rate.scss
- reset.scss
- result.scss
- row.scss
- scrollbar.scss
- select-dropdown.scss
- select.scss
- skeleton-item.scss
- skeleton.scss
- slider.scss
- spinner.scss
- statistic.scss
- step.scss
- steps.scss
- submenu.scss
- switch.scss
- tab-pane.scss
- table-column.scss
- table.scss
- tabs.scss
- tag.scss
- time-picker.scss
- time-select.scss
- timeline-item.scss
- timeline.scss
- tooltip.scss
- transfer.scss
- tree.scss
- upload.scss
- .gitignore
- gulpfile.js
- package.json
- README.md
- index.js
- index.js
- item.vue
- main.vue
- index.js
- index.js
- main.js
- index.js
- main.vue
- transfer-panel.vue
- index.js
- node.js
- tree-store.js
- util.js
- tree-node.vue
- tree.vue
- index.js
- ajax.js
- index.vue
- upload-dragger.vue
- upload-list.vue
- upload.vue
- index.js
- mousewheel.js
- repeat-click.js
- af-ZA.js
- ar.js
- az.js
- bg.js
- bn.js
- ca.js
- cs-CZ.js
- da.js
- de.js
- ee.js
- el.js
- en.js
- eo.js
- es.js
- eu.js
- fa.js
- fi.js
- fr.js
- he.js
- hr.js
- hu.js
- hy-AM.js
- id.js
- is.js
- it.js
- ja.js
- kg.js
- km.js
- ko.js
- ku.js
- kz.js
- lo-LA.js
- lt.js
- lv.js
- mn.js
- ms.js
- nb-NO.js
- nl.js
- pl.js
- pt-br.js
- pt.js
- ro.js
- ru-RU.js
- si.js
- sk.js
- sl.js
- sr-Latn.js
- sr.js
- sv-SE.js
- sw.js
- ta.js
- th.js
- tk.js
- tr-TR.js
- ua.js
- ug-CN.js
- uz-UZ.js
- vi.js
- zh-CN.js
- zh-TW.js
- format.js
- index.js
- emitter.js
- focus.js
- locale.js
- migrating.js
- collapse-transition.js
- aria-menubar.js
- aria-menuitem.js
- aria-submenu.js
- index.js
- popup-manager.js
- after-leave.js
- aria-dialog.js
- aria-utils.js
- clickoutside.js
- date-util.js
- date.js
- dom.js
- lodash.js
- merge.js
- popper.js
- resize-event.js
- scroll-into-view.js
- scrollbar-width.js
- shared.js
- types.js
- util.js
- vdom.js
- vue-popper.js
- index.js
- element
- require.test.js
- uri.js
- alert.spec.js
- autocomplete.spec.js
- avatar.spec.js
- backtop.spec.js
- badge.spec.js
- breadcrumb.spec.js
- button.spec.js
- calendar.spec.js
- card.spec.js
- carousel.spec.js
- cascader-panel.spec.js
- cascader.spec.js
- checkbox.spec.js
- col.spec.js
- collapse.spec.js
- color-picker.spec.js
- container.spec.js
- date-picker.spec.js
- descriptions.spec.js
- dialog.spec.js
- divider.spec.js
- drawer.spec.js
- dropdown.spec.js
- empty.spec.js
- form.spec.js
- image.spec.js
- infiniteScroll.spec.js
- input-number.spec.js
- input.spec.js
- link.spec.js
- loading.spec.js
- menu.spec.js
- message-box.spec.js
- message.spec.js
- mixin.vue-popup.spec.js
- notification.spec.js
- page-header.spec.js
- pagination.spec.js
- popconfirm.spec.js
- popover.spec.js
- progress.spec.js
- radio.spec.js
- rate.spec.js
- result.spec.js
- row.spec.js
- select.spec.js
- skeleton.spec.js
- slider.spec.js
- statistic.spec.js
- steps.spec.js
- switch.spec.js
- table.spec.js
- tabs.spec.js
- tag.spec.js
- time-picker.spec.js
- time-select.spec.js
- timeline.spec.js
- tooltip.spec.js
- transfer.spec.js
- tree.spec.js
- upload.spec.js
- util.clickoutside.spec.js
- util.vue-popper.spec.js
- index.js
- karma.conf.js
- util.js
- .eslintrc
- alert.d.ts
- aside.d.ts
- autocomplete.d.ts
- avatar.d.ts
- backtop.d.ts
- badge.d.ts
- breadcrumb-item.d.ts
- breadcrumb.d.ts
- button-group.d.ts
- button.d.ts
- calendar.d.ts
- card.d.ts
- carousel-item.d.ts
- carousel.d.ts
- cascader-panel.d.ts
- cascader.d.ts
- checkbox-button.d.ts
- checkbox-group.d.ts
- checkbox.d.ts
- col.d.ts
- collapse-item.d.ts
- collapse.d.ts
- color-picker.d.ts
- component.d.ts
- container.d.ts
- date-picker.d.ts
- descriptions-item.d.ts
- descriptions.d.ts
- dialog.d.ts
- divider.d.ts
- drawer.d.ts
- dropdown-item.d.ts
- dropdown-menu.d.ts
- dropdown.d.ts
- element-ui.d.ts
- empty.d.ts
- footer.d.ts
- form-item.d.ts
- form.d.ts
- header.d.ts
- icon.d.ts
- image.d.ts
- index.d.ts
- infinite-scroll.d.ts
- input-number.d.ts
- input.d.ts
- link.d.ts
- loading.d.ts
- main.d.ts
- menu-item-group.d.ts
- menu-item.d.ts
- menu.d.ts
- message-box.d.ts
- message.d.ts
- notification.d.ts
- option-group.d.ts
- option.d.ts
- page-header.d.ts
- pagination.d.ts
- popconfirm.d.ts
- popover.d.ts
- progress.d.ts
- radio-button.d.ts
- radio-group.d.ts
- radio.d.ts
- rate.d.ts
- result.d.ts
- row.d.ts
- select.d.ts
- skeleton-item.d.ts
- skeleton.d.ts
- slider.d.ts
- spinner.d.ts
- statistic.d.ts
- step.d.ts
- steps.d.ts
- submenu.d.ts
- switch.d.ts
- tab-pane.d.ts
- table-column.d.ts
- table.d.ts
- tabs.d.ts
- tag.d.ts
- time-picker.d.ts
- time-select.d.ts
- timeline-item.d.ts
- timeline.d.ts
- tooltip.d.ts
- transfer.d.ts
- tree.d.ts
- upload.d.ts
- .babelrc
- .eslintignore
- .eslintrc
- .gitattributes
- .gitignore
- .travis.yml
- CHANGELOG.en-US.md
- CHANGELOG.es.md
- CHANGELOG.fr-FR.md
- CHANGELOG.zh-CN.md
- components.json
- element_logo.svg
- FAQ.md
- LICENSE
- Makefile
- package.json
- README.md
- web-types.json
- yarn.lock
# Installation Guide
1. Get the code
git clone https://github.com/ElemeFE/element
Downloads the entire project code from GitHub to your computer.
cd element
Moves into the project folder you just downloaded.
2. Node.js
Easy RecommendedPrerequisites
npm install element-ui -S
Downloads and installs the libraries listed in package.json.
<img src="https://img.shields.io/npm/v/element-ui.svg">
Type this command into your terminal and run it.
<img src="http://img.shields.io/npm/dm/element-ui.svg">
Type this command into your terminal and run it.
After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.
Pulled directly from this repo's README.
3. Make
MediumPrerequisites
- Git Needed to download the project code from GitHub.
- Make Usually pre-installed on Linux/macOS. On Windows, install separately (e.g. via MSYS2 or WSL).
make
Compiles the code based on the generated build configuration to produce an executable.
If it finishes without errors, it worked. Try running the generated executable directly.
// repository documentation
Was this content helpful?
(0 ratings)
