sublime自定义代码段

打开tools>developer>new snippet
默认代码

<snippet>
    <content><![CDATA[
Hello, ${1:this} is a ${2:snippet}.
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <!-- <tabTrigger>hello</tabTrigger> -->
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <!-- <scope>source.python</scope> -->
</snippet>

下面以自定义vue组件代码段为例子

<snippet>
    <content><![CDATA[
<template>
    <div class="${1:container}">
        
    </div>
</template>
<script>
    export default {
        
    }
</script>
<style lang="scss">
    
</style>
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <tabTrigger>vt</tabTrigger>
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <!-- <scope>source.python</scope> -->
</snippet>

ctrl+s默认保存到user目录，建议自定义一个snippets文件夹统一管理

文件后缀必须是.sublime-snippet
在你的vue文件中输入vt,tab以下就ok了