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

fuhao200866

<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、开启代码片段窗体



出现的窗体界面如下图：

2、插入代码片段

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

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

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
  
• */