VSCode-Element-Helper is a VS Code extension for Element-UI. If you use ATOM editor, please go to ATOM version

Element-UI is a great library. More and more projects use it. So, For helping developer write by Element-UI more efficient, Element-Helper is born.

Feature

Document

Autocomplete

Snippets

Document

Usage

1 - Move cursor to Element-UI tag or select it

2 - Press default hot key ctrl + cmd + z or Press ⇧⌘P to bring up the Command Palette and then input element-helper.search

3 - Show document view If complete matching, or you should select tag you want to search

4 - Enter and trigger document browser

Version

and Language Switching

1 - Enter Preferences -> setting or shortcut cmd + ,

2 - Modify language or version what do you want

"element-helper.language": "zh-CN",

"element-helper.version": "1.3"复制代码

Auto

Update Mechanism

Document is off-line and auto synchronize with Element-UI official site.

Keymap

Default hot key is ctrl + cmd + z. If it has conflicts with other software's hot key. You can customize it. see keybindings

Autocomplete

Distinguish and auto complete property and method for every Element-UI tag

Prompt value when value is some special type like Boolean or ICON.

Snippets

Support snippets list:

msg this.$message({

message: '',

type: ''

})复制代码

alert this.$alert('', '', {

confirmButtonText: '',

callback: () => {}

});复制代码

confirm this.$confirm('', '', {

confirmButtonText: '',

cancelButtonText: '',

type: ''

}).then(() => {})

.catch(() => {});复制代码

prompt this.$prompt('', '', {

confirmButtonText: '',

cancelButtonText: '',

inputPattern: //,

inputErrorMessage: ''

}).then(({ value }) => {})

.catch(() => {});复制代码

msgb this.$msgbox({

title: '',

message: '',

showCancelButton: '',

confirmButtonText: '',

cancelButtonText: '',

beforeClose: (action, instance, done) => {}

}).then(action => {});复制代码

notify this.$notify({

title: '',

message: ''

});复制代码

Contribution

Your pull request will make Element-Helper better.

LICENSE

MIT