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

2017/6/2 前端 0 Comment 1,117 Views

0:前言

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

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




	
	Document

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

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

按照下面进行修改


	


	
	${1:Document}


	${0:}


]]>
	
	hhh
	
	text.html

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