Aptana 之 Code Snippets（代码片断）

原文：http://blog.sina.com.cn/s/blog_53d96fe30100bgxc.html

Code Snippets（代码片断，也有人译为代码段）是个什么东西呢？所谓的code snippets，是用户可以在编程过程中，将经常要用到的一些常用代码或者值得收藏起来的代码保存起来，在要使用的时候就可以方便地调用出来。在 Visual Studio.Net 2005 中开始出现此特性，Aptana 也是支持这个功能的。

我们在主菜单 Windows -> Views 中，通过点击 Snippets 可以打开它。Snippets 面板如下图所示。

Aptana <wbr>之 <wbr>Code <wbr>Snippets（代码片断）

在 Aptana 中，已经内置了一些代码段，比如 CSS 注释，HTML 常见标签、HTML文档类型定义(DTD)、JS 函数、Switch 语句等。它能帮助我们高效地输入最常用的代码，达到节省时间的目的，你需要做的仅仅是双击它，就能迅速将该代码插入到当前代码编辑器中。

既然有这么好的东东，我们怎么来扩展它，让它能满足自己的需要，加以定制呢？

增加一个新的代码段

在 Project 面板中，先创建一个 Project 叫 testProject（名字随意），然后在该 testProject 下创建一个文件夹（folder），名叫 snippets（一定要先建立该目录再继续后面的操作，并且目录名一定是 snippets）。
在 snippets 目录下，新建一个文件，可以是 CSS、HTML、JS 或者 XML，这里我们新建一个 test.js。然后双击打开该文件。

在 test.js 中，我们输入一个函数：

function test () {

        alert("this is a test function");

}

把鼠标光标定位到 test.js 文件的第一行起始位置，然后在 Snippets 面板中，展开 Snippets Templates，双击 JS Snippet Template。双击后，会在 test.js 头部生成如下代码：
／*
category: JS
name: test
toolTip: test
*／
保存 test.js，再看 Snippets 面板的 JS 下，已经生成了一个叫 test 的代码片断。怎么样，很简单吧？下次你在编辑一个 JS 文件的时候，双击 test，就会把这个函数定义插入到光标位置。

细心的人可能发现了，在 Aptana 编辑器上方有一排按钮，已经集成了几个常见的代码片断。

那我们怎么将自己定义的代码片断加到这里呢？

事实上，是通过该 Snippet 文件设置 mime type 增加到工具栏的，大致如下：

<!--

      category: HTML

      name: Wrap with 

      toolTip: Wrap with <strong>



        
      toolbar: true

      icon: strong.png

      language: text/html

-->

<strong>${selection}</strong>

图标是相对路径。如果你需要发布该代码片断为 Aptana Studio 一个插件，你需要写完整的路径，例如：com.aptana.ide.snippets/icons/strong.png。比如说 Aptana Studio 1.2 Professional 中，　getElementById.png 存放的位置就是　plugins/com.aptana.ide.snippets_1.2.0.018629.jar 的 icons 目录内。

修改现有的代码段

修改一个代码片断就更简单了，我们走一遍吧，呵呵。

在 Snippets 面板中，右键单击你要编辑的代码片断。
在右键菜单中，选择 Edit Snippet，用 Aptana 编辑器打开它。
修改并保存它。

下一节，我们介绍如何将代码片断插入功能放入 Aptana 主菜单的 Scripts　中，并通过快捷键调用它，敬请关注。