Sublime Text 代码片段


代码片段是可以重复使用的代码模板,使用代码片段可以减少很多重复性的开发工作。

了解代码片段


代码片段是简单的XML文件,具有各种属性,XML元素的根标签是<snippet>标签,创建的代码片段被保存在Packages文件夹中。

Understanding Snippets

代码片段的文件格式和语法详细讨论如下:

  • Content:代码片段的内容;

  • tabTrigger :触发代码骗片段时的一系列字符;

  • Scope: 可以使用代码片段的范围;

  • Description: 包括所有的元描述,当代码片段的菜单打开时,它将显示出来。

引入第一个代码片段


可以通过以下操作引入默认代码段,Tools → Developer → New Snippet 

Create Snippet Using Tools-Developer-Snippet option

这将创建一个带有关联标签的代码片段,如下所示:

Demo Snippet

要引入已定义的代码片段,单击Tools并选择Snippets,如截图所示:

Create a First Snippet

现在,选择Snippet:html

Choose Snippet:html

这将在指定的 html 文件上引入一个默认代码片段,如下所示:

Default Snippet on HTML File

请注意,不同类型的文件有不同的代码片段。对于html 文件,Sublime Text 编辑器中定义了三个代码片段,如下所示:

Three Snippets in Sublime Text editor

包代码段


包代码片断主要用于支持特定语言的开发,通过Sublime编辑器中的install packages(Ctrl+Shift + p,输入install)功能,你可以下载开发所需的任何片段。

Package Control Snippets

你可能需要以下软件包进行 Web 开发:

  • EverCodeLab Sublime 支持 Ruby on Rails

  • Additional PHP snippets 支持 PHP

  • HTML snippets 支持 HTML

  • Twitter Bootstrap snippets 支持 Twitter Bootstrap

  • JavaScript snippets 支持 JS 

  • jQuery snippets pack 支持 jQuery