Aptana 之 Code Snippets(代码片断)

简介:

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

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

Aptana <wbr>之 <wbr>Code <wbr>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,如需转载请自行联系原作者



目录
相关文章
CCS(Code Composer Studio 10.4.0)编译软件中文乱码怎么解决
通过合理配置CCS和操作系统,可以确保中文字符在开发过程中能够正确显示,避免由于乱码问题带来的困扰。希望本文能帮助您更好地使用CCS进行嵌入式开发。
202 19
解决Vscode提示bodyparser已被弃用的问题
解决Vscode提示bodyparser已被弃用的问题
【sublime】sublime Text 3 javaScript代码自动提示插件&安装步骤 &启动Debug模式
最近使用sublime开发node.js,但是sublime的js代码在书写的时候并没有提示功能。 因此搜到资料,用于安装代码自动提示插件。   1.打开sublime,然后快捷键Ctrl+Shift+P,打开pacakges列表界面,搜索packages:install packages 【注意】...
2204 0
VS Code 折腾记 - (17) Debug for Chrome(附加模式[支持浏览器插件的使用])
很早以前就撸过一篇帖子,也是说这个的,但是那时候只是用最傻瓜化的直白的姿势. 新窗口模式,而且配置文件用的是临时文件,拓展这些更是不能用. 用起来感觉不是很好,但时隔一年多,不管是vscode还是当初的插件都完善了很多. 研究了下附加模式,并让拓展也能正常使用的姿势(挺简单的). 用到的插件VSCode插件:
530 0
sublime_text 3安装Emmet时出现PyV8警告
使用Emmet是需要在PyV8依赖下才可以的。
sublime_text 3安装Emmet时出现PyV8警告
Python 自动化-pywinauto库print_control_identifiers()方法打印内容显示不全解决办法,cmd展示更多内容设置方法
Python 自动化-pywinauto库print_control_identifiers()方法打印内容显示不全解决办法,cmd展示更多内容设置方法
930 0
Python 自动化-pywinauto库print_control_identifiers()方法打印内容显示不全解决办法,cmd展示更多内容设置方法
一起谈.NET技术,Silverlight实例教程 - Out of Browser在线更新和Silent安装
  Silverlight 实例教程索引 Silverlight 实例教程 - Out of Browser开篇 Silverlight 实例教程 - Out of Browser配置,安装和卸载 Silverlight 实例教程 - Out of Browser的自定义应用 Silverligh...
1105 0
VS Code 的常用快捷键和插件
注:文章摘自 风行天下一万号 - 博客园 vs code 的常用快捷键 1、注释: 单行注释:[ctrl+k,ctrl+c] 或 ctrl+/ 取消单行注释:[ctrl+k,ctrl+u] (按下ctrl不放,再按k + u) 多行注释:[alt...
11915 0