本来但愿用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