一款Element-UI插件


#1

为了VSCode用户,开发了VSCode版本,当然ATOM是很好的编辑器hahah

GitHub: https://github.com/ElemeFE/element-helper
Atom: element-helper

Element-Helper 是一款集成了文档浏览、代码片段、自动补全的 Atom 插件。

#文档浏览

###使用方式

1.将光标移至 Element 标签处,或者选中它。
2.按默认热键 ctrl + cmd + z
3.选择标签
4.开启文档浏览器
document

###版本以及语言切换

1 - 点击 Atom -> Preferences
2 - 点击 Package 查询 Element-Helper
3 - 点击 Setting
4 - 可以自由切换版本已经语言

###自动更新机制

所有文档都是离线,自动和 Element 官网保持同步。

###热键

默认热键为 ctrl + cmd + z,如果和其他应用的热键有冲突,可以定制配置。

点击 Atom -> Keymap
定制配置文件。比如

"atom-workspace":
  "ctrl-alt-z": "element-helper:search-under-cursor"

#自动补全
autocomplete
1 - 针对 Element 标签的属性以及方法进行区分,并且提供自动补全提示。
2 - 对于一些特殊的属性,比如布尔类型或者一些 ICON 属性,会有相应的可选值提示。

#代码补全
snippets
具体查看GitHub: https://github.com/ElemeFE/element-helper