Element-Helper is a Atom package for Element-UI, if you use VSCode editor, please go to VSCode 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.
Document
Autocomplete
Snippets
1 - Move cursor to Element-UI tag or select it
2 - Press default hot key ctrl + cmd + z
3 - Select tag you want to search
4 - Enter and trigger document browser
1 - Enter Atom
-> Preferences
2 - Enter Packages
and search Element-Helper package
3 - Enter Setting
4 - Switch version and language
Document is off-line and auto synchronize with Element-UI official site.
Default hot key is ctrl + cmd + z
. If it has conflicted with other software's hot key. You can customize it.
1 - Enter Atom
-> Keymap
2 - Customize your config. like
"atom-workspace":
"ctrl-alt-z": "element-helper:search-under-cursor"
Distinguish and auto complete property and method for every Element-UI tag
Prompt value when value is some special type like Boolean or ICON.
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: ''
});
Your pull request will make Element-Helper better.
MIT