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 屬性，會有相應的可選值提示。