Code Snippets(代码片断,也有人译为代码段)是个什么东西呢?所谓的code snippets,是用户可以在编程过程中,将经常要用到的一些常用代码或者值得收藏起来的代码保存起来,在要使用的时候就可以方便地调用出来。在 Visual Studio.Net 2005 中开始出现此特性,Aptana 也是支持这个功能的。
我们在主菜单 Windows -> Views 中,通过点击 Snippets 可以打开它。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 中,并通过快捷键调用它,敬请关注。
本文转自豪情博客园博客,原文链接:http://www.cnblogs.com/jikey/archive/2010/05/11/1732727.html,如需转载请自行联系原作者