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