sunlime text3快速生成代码片段

方式一:安装插件SublimeTmp

1.在插件安装目录下新建代码片段文件

例: 在D:/Sublime Text3 x64/Data/Packages/SunlimeTmpl/templates 目录下新建vue.tmpl

2.编辑vue.tmpl

<template>
	<div class="">

	</div>
</template>
<script>
	export default {
		name: '',
		data (){
			return{

			}
		},
		components:{

		},
		mounted(){

		},
		methods:{

		}

	}
</script>
<style>
</style>

3..在sublime的菜单栏打开 Preferences>Package Settings>SublimeTmpl>Commands-Defaults,在里面新增已下配置

{
     "caption": "Tmpl: Create vue", "command": "sublime_tmpl",
     "args": {"type": "vue"}
}

4.在sublime的菜单栏打开 Preferences>Package Settings>SublimeTmpl>Key Bindings-Defaults,在里面新增已下配置

{
      "keys": ["ctrl+alt+v"], "command": "sublime_tmpl",
      "args": {"type": "vue"}, "context": [{"key": "sublime_tmpl.vue"}]
}

5.快捷键ctrl+alt+v 即可快速生成vue模板,然后crtl+s保存文件

方式二:代码片段snippet

1.打开sublime,选择tools然后选择Developer --> new snippet

2.编辑snippet

<snippet>
<content><![CDATA[
<template>
	<div class=''>
	</div>
</template>
<script>
export default {
	name: '',
	props:[],
	data () {
		return {
		};
	},
	components:{
	},
	mounted (){
	},
	methods: {
	},
};
</script>
<style scoped>
</style>
]]>
</content>
<tabTrigger>vue</tabTrigger>
</snippet>

3.保存为 XXX.sublime-snippet后,新建一个.vue文件,输入vue,按下table键即可生成模板

sunlime text3快速生成代码片段

猜你喜欢