作了一款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

相關文章
相關標籤/搜索