本來但願用Emmet,能夠自動補全element-ui,可是在MacOS的sublime text上,輸入el-input
,而後敲tab,並無自動變成<el-input></el-input>
。須要按ctrl+e才能夠。由於按ctrl+e比較彆扭,用起來麻煩多了。git
而後突發奇想,乾脆作一套code snippet,而後除了補齊標籤,再額外添加一些反正都要用的屬性,再綁定一些必須的事件,這樣開發起來豈不是很方便?github
好比el-button
:element-ui
elb
-> <el-button type="${1:text}" @click="$2"></el-button>
ui
一些帶子元素的,補起來就更爽了,好比el-menu
:code
elmen
->事件
<el-menu mode="${1:horizontal}" :default-active="$2" @select="$3"> <el-submenu v-for="(${4:submenus}, ${5:index}) in ${6:menus}" :index="${5:index} + 1" :key="${4:submenus}.${5:key}"> <template slot="title">${4:submenus}.${6:title}</template> <el-menu-item v-for="(${7:item}, ${8:subIndex}) in ${4:submenus}" :index="(${5:index} + 1) + '-' + (${8:subIndex} + 1)"> ${7:item}.${9:title} </el-menu-item> </el-submenu> </el-menu>
方便快捷了不少。節省了不少敲繁瑣代碼的時間。ip
代碼地址:Element-UI-Snippets-STelement
已經提交到Package Control了,搜索Element UI Snippet,已經能夠搜索到了。開發
以爲好用的話,能夠點個星,萬分感謝。get