Aptana 之 Code Snippets(代码片断)

Code Snippets(代码片断,也有人译为代码段)是个什么东西呢?所谓的code snippets,是用户可以在编程过程中,将经常要用到的一些常用代码或者值得收藏起来的代码保存起来,在要使用的时候就可以方便地调用出来。在 Visual Studio.Net 2005 中开始出现此特性,Aptana 也是支持这个功能的。

我们在主菜单 Windows -> Views 中,通过点击 Snippets 可以打开它。Snippets 面板如下图所示。

Aptana 之 Code Snippets(代码片断)

在 Aptana 中,已经内置了一些代码段,比如 CSS 注释,HTML 常见标签、HTML文档类型定义(DTD)、JS 函数、Switch 语句等。它能帮助我们高效地输入最常用的代码,达到节省时间的目的,你需要做的仅仅是双击它,就能迅速将该代码插入到当前代码编辑器中。

既然有这么好的东东,我们怎么来扩展它,让它能满足自己的需要,加以定制呢?

增加一个新的代码段
  1. 在 Project 面板中,先创建一个 Project 叫 testProject(名字随意),然后在该 testProject 下创建一个文件夹(folder),名叫 snippets(一定要先建立该目录再继续后面的操作,并且目录名一定是 snippets)。
  2. 在 snippets 目录下,新建一个文件,可以是 CSS、HTML、JS 或者 XML,这里我们新建一个 test.js。然后双击打开该文件。
  3. 在 test.js 中,我们输入一个函数:
    function test () {

    alert("this is a test function");

    }
  4. 把鼠标光标定位到 test.js 文件的第一行起始位置,然后在 Snippets 面板中,展开 Snippets Templates,双击 JS Snippet Template。双击后,会在 test.js 头部生成如下代码:

    /*
    category: JS
    name: test
    toolTip: test
    */

  5. 保存 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 目录内。

修改现有的代码段

修改一个代码片断就更简单了,我们走一遍吧,呵呵。

  1. 在 Snippets 面板中,右键单击你要编辑的代码片断。
  2. 在右键菜单中,选择 Edit Snippet,用 Aptana 编辑器打开它。
  3. 修改并保存它。

下一节,我们介绍如何将代码片断插入功能放入 Aptana 主菜单的 Scripts 中,并通过快捷键调用它,敬请关注。






本文转自豪情博客园博客,原文链接:http://www.cnblogs.com/jikey/archive/2010/05/11/1732727.html,如需转载请自行联系原作者



上一篇:ASP.NET MVC 控制器


下一篇:node基础面试事件环?微任务、宏任务?一篇带你飞