Sublime Text 3 – Snippet 代码片段的用法

0:前言

sublime text 3 貌似没有 snippet 这个功能,需要安装插件,我安装的是 snippet maker 这个插件,安装完可以在【工具】-【插件开发】-【新建代码片段】来新建自己的代码片段,也就是 snippet。

1:为什么用 snippet?

Sublime Text 3 在安装了 Emmet 插件之后在英文状态下按【!】再按【tab】就会生成一段默认的 html5 代码,代码如下:




	
	Document


	


这段代码默认语言是英文,需要修改成【zh-CN】,而且在修改完【title】之后光标不会自动跳到【body】内。

2:怎么用 snippet?

首先新建一个代码片段,就会看到一段这样的代码


	
	
	
	
	

按照下面进行修改


	


	
	${1:Document}


	${0:}


]]>
	
	hhh
	
	text.html

其中【tabTrigger】是生成代码片段的触发文字,如果是【hhh】的话,我在 html 文件中打【hhh】再按 rab 键就会生成图中白色部分的那段自定义的代码。