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了