vscode 的 element-ui 插件 vscode-element-helper

地址： https://github.com/ElemeFE/vscode-element-helper

 

 

使用方式

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

 

 

 

版本以及语言切换

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

自动更新机制

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

 

热键

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

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

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

自动补全

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