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 属性,会有相应的可选值提示。
 

















原文地址:https://www.cnblogs.com/vs1435/p/12843910.html