代码片段管理—Aptana2.0系列教程

转载自：http://www.36ria.com/3123 明河共影
Aptana现在都出3.0测试版了（3.0支持html5语法，完整支持git等），有机会明河将演示3.0的新特性，今天明河继续对Aptana2.0的代码片段管理功能进行介绍，所谓代码片段，即是Aptana保存了一批日常常用的代码集合，你可以在需要的地方直接快速插入（dreamweaver也有类似功能，但二者有区别，之后明河会说是）。

1、开启代码片段窗体

出现的窗体界面如下图：

2、插入代码片段

插入代码片段非常简单，在你需要插入的地方，选择你需要的代码片段，双击即可。

3、编辑代码片段

在你想要编辑的代码片段标题上右击，选择edit，请看下图：

4、添加代码片段

这是难点！也是aptana和dreamweaver的区别，dreamweaver可以直接添加，但aptana的操作要复杂些，接下来我以加入css的透明代码为例。
1）在你的项目下新建一个名为“snippets”的文件夹；
2）新建一个名为“opacity.css”的css文件，并打开；
3）在代码片段中选择“snippet Templates”下的“css Snippet Templates”双击插入,然后填写个name为opacity，出现如下代码：

1. /*
2.     category: CSS
3.     name: opacity
4.     toolTip: opacity
5. */

这时候，你就发现在“css”文件夹下出现了新的代码片段，名字为“opacity”：

4）在注视下加入css代码：

1. .transparent{
2.     -moz-opacity:0.5;
3.     -khtml-opacity:0.5;
4.     opacity:0.5;
5. }

保存，即可大致完成。但还有个问题，大家可以看到代码上出现了重复的“0.5”，Aptana的强大在于可以自定义参数，接下来来看。
5）带有参数的代码片段：

1. /*
2.     category: CSS
3.     name: opacity
4.     toolTip: opacity
5.     prompt(opacity): opacity
6. */
7. .transparent{
8.     -moz-opacity:${opacity};
9.     -khtml-opacity:${opacity};
10.     opacity:${opacity};
11. }

当你插入该代码片段时，就会出现个填写参数“opacity”的对话框：

至此，Aptana2.0的代码片段管理介绍完毕，有遇到相关问题，可以给明河留言，谢谢。