转载自: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,出现如下代码:
- /*
- category: CSS
- name: opacity
- toolTip: opacity
- */
这时候,你就发现在“css”文件夹下出现了新的代码片段,名字为“opacity”:
4)在注视下加入css代码:
- .transparent{
- -moz-opacity:0.5;
- -khtml-opacity:0.5;
- opacity:0.5;
- }
保存,即可大致完成。但还有个问题,大家可以看到代码上出现了重复的“0.5”,Aptana的强大在于可以自定义参数,接下来来看。
5)带有参数的代码片段:
- /*
- category: CSS
- name: opacity
- toolTip: opacity
- prompt(opacity): opacity
- */
- .transparent{
- -moz-opacity:${opacity};
- -khtml-opacity:${opacity};
- opacity:${opacity};
- }
当你插入该代码片段时,就会出现个填写参数“opacity”的对话框:
至此,Aptana2.0的代码片段管理介绍完毕,有遇到相关问题,可以给明河留言,谢谢。