作了一款element-ui在sublime text上的code snippet

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

相关文章
相关标签/搜索