代码片段管理—Aptana2.0系列教程
<span style="color: #333333; font-size: 14px; line-height: 28px; font-family: Simsun;">转载自:http://www.36ria.com/3123 明河共影Aptana现在都出3.0测试版了(3.0支持html5语法,完整支持git等),有机会明河将演示3.0的新特性,今天明河继续对Aptana2.0的代码片段管理功能进行介绍,所谓代码片段,即是Aptana保存了一批日常常用的代码集合,你可以在需要的地方直接快速插入(dreamweaver也有类似功能,但二者有区别,之后明河会说是)。
1、开启代码片段窗体
http://www.36ria.com/wp-content/uploads/2010/09/aptana-snippet-1.png
http://www.36ria.com/wp-content/uploads/2010/09/aptana-snippet-2.png
出现的窗体界面如下图:
http://www.36ria.com/wp-content/uploads/2010/09/aptana-snippet-3.png
2、插入代码片段
插入代码片段非常简单,在你需要插入的地方,选择你需要的代码片段,双击即可。
3、编辑代码片段
在你想要编辑的代码片段标题上右击,选择edit,请看下图:
http://www.36ria.com/wp-content/uploads/2010/09/aptana-snippet-4.png
4、添加代码片段
这是难点!也是aptana和dreamweaver的区别,dreamweaver可以直接添加,但aptana的操作要复杂些,接下来我以加入css的透明代码为例。
1)在你的项目下新建一个名为“snippets”的文件夹;
2)新建一个名为“opacity.css”的css文件,并打开;
3)在代码片段中选择“snippet Templates”下的“css Snippet Templates”双击插入,然后填写个name为opacity,出现如下代码:
<div class="hl-surround" style="margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; background-color: #f9fbfc; width: auto; height: auto; text-align: left; font-family: Fixedsys, 'BitStream Vera Sans Mono', 'Courier New', Courier, monospace; padding: 0px; border: 1px solid #c3ced9;">
[*]/*
[*] category: CSS
[*] name: opacity
[*] toolTip: opacity
[*]*/
页:
[1]