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了