首先說明下，這個外掛程式是用idea開發的，在idea上同樣適用。有興趣的朋友可以直接git下來開發自己的小外掛程式。
外掛程式基於的webstorm版本是2017.3.5。所以建議公升級使用最新版的webstorm。
webstorm是我非常喜歡的一款編輯器。用來開發前端**，自帶的智慧型提示功能我非常喜歡，能夠滿足我絕大部分編碼要求。
但在使用vue+element開發系統時，沒有找到好的**提示工具。雖然通過webstorm的live template功能能夠手動新增**片段提示。
但是，在編碼時，element元素上有很多屬性和事件，我是沒法記住（哈哈，也許大神的你可以全部記住。）。所以還是得常常到官網上去檢視每個屬性什麼意思。
為了能夠在開發中解決這些問題，提高開發效率，我決定做個小小的webstorm外掛程式。
有興趣的朋友，可以自己在這個基礎上開發屬於自己的小外掛程式。
接下來介紹下外掛程式的基本功能吧：
1、標籤文件說明檢視 （快捷鍵：ctrl + q）
通過在標籤上按下ctrl+q快捷鍵，你能夠檢視該標籤元素有哪些引數、哪些事件。哈哈，這樣就可以不用動不動就去看官網了。
2、**塊提示功能（live templates）快捷鍵： ctrl + space
哈哈，這樣是不是可以提高**的編寫效率。
3、標籤提示
輸入《後寫el-等會自動出現element標籤元素。哈哈，對於有些不熟悉element有哪些元素的朋友可以方便自己去找。
4、屬性編寫提示以及屬性值自動完成
帶有藍色向上箭頭的屬性屬element獨有屬性
5. element方法提示 (以 elm 開始)
方法包括（message, alert, confirm, notify, prompt）
在標籤後打個空格，webstorm會自動提示該元素包含的屬性。本想把所有該元素自身包含的屬性放在最前面，奈何本人功底有限，沒有找到開發idea外掛程式元素屬性置前的方法，如果有熟悉的朋友可以告訴我哦，我再加上去。
如果大家有什麼疑問或者好的想法，可以直接聯絡我哦。
email： [email protected]
webstorm 的快捷鍵
webstorm乙個很好的前端開發工具，最近把它的一些快捷鍵寫出來供自己數查閱 1.ctrl shift n 開啟工程中的檔案，目的是開啟當前工程下任意目錄的檔案。2.ctrl j 輸出模板 3.ctrl b 跳到變數申明處 4.ctrl alt t 圍繞包裹 包括zencoding的wrapwit...
win下WebStorm的 Terminal 相關
1.win下webstorm的terminal面板鍵盤打字無效怎麼辦？開啟cmd命令視窗，右鍵開啟屬性，在選項標籤頁，勾選使用舊版本控制台，重啟webstorm問題解決.2.webstrom terminal中的路徑 webstorm預設工作空間 的修改？在webstrom中，file new pr...
Webstorm的快捷鍵
ctrl alt l 格式化 ctrl b 快速開啟游標處的類或方法 ctrl 單行注釋 ctrl shift 塊注釋 ctrl x 刪除行 ctrl d 複製行 ctrl f 僅在本頁查詢 ctrl shift f從多個檔案查詢，可以自定義查詢範圍。ctrl r 替換文字 ctrl n 查詢類 c...