不可多得的Javascript(AJAX)开发工具 － Aptana

不可多得的Javascript(AJAX)开发工具 － Aptana

作者： Administrator

2008-04-01

Aptana是创建动态网络应用程序的JavaScript集成开发环境，目前这种专注于JavaScript开发的集成开发环境很是罕见，尽管微软在VS 2008中为了更方便于Ajax的应用，已经把JavaScript提到一个很重要的位置，也可编译和调试JavaScript，但是我相信VS2008的价格足以让一大部分人望而却步。Aptana集成开发环境是完全免费的，它除了可以开发JavaScript，也可以对其进行 调试。 下面是我总结的一些Aptana的亮点： 代码助手 Aptana的代码助手，就是我们常说的代码的“智能感知”（智能提示），可以帮助你轻松而快速地完成JavaScript，HTML...还有CSS的编码过程，当然也包括自定义的函数过程。 代码大纲 有了大纲以后，编写和查看JavaScript，HTML，CSS代码就像查看有了文档结构图的Word文档一样方便快捷。 FTP/SFTP上传、下载以及同步等支持。 JavaScript调试程序debugger让你的代码更快更高效无误地编写出来。 支持代码错误和警告提示。 Aptana界面自定义及Plug-in扩展。 跨平台支持。 免费开源的用户授权EPL(Eclipse Public Licese)。  自从开始做Web开发起，一直都没有找到一个很让人满意的Javascript开发工具。从Editplus、Dreamweaver到FrontPage、Visual Studio，没有一样是很称手的。你是不是还在为Visual Studio中的那一点点智能提示感到兴奋不已？的确VS比其他的好那么一点点，但是相对于VS中的C#、VB等来说对javascript的支持实在是太少了。 下面我要向你介绍一款非常优秀的Javascript(AJAX) 开发工具：Aptana。应为它实在太棒了，所以我忍不住想向你推荐它。 Aptana中的智能提示称为 Code Assist，相当于VS中的Intellisense。 看到后面的浏览器图标了吗？那是浏览器兼容性的提示。如果你是一个JS老鸟你应该知道那对开发者来说有多重要。 不仅仅是javascript，智能提示的范围还包括DOM 1,2 for HTML： CSS： 看到后面的黄框框了吗？那是VS里称为Quick Info的东西。 错误提示 －－ 一个都不能少： Doument outline（文档结构）CSS、HTML、JS统一显示： 代码折叠、项目管理这些小菜不用讲了，都支持。Aptana还有很丰富的在线文档，是以wiki形式不断更新的，当然在连线的情况下你可以在Aptana中直接访问这些文档。 最新版的Aptana（0.2.6）已经开始支持Debug了，不过要通过Firefox插件的形式。 Aptana是一个java开源项目（.NET程序员应该扪心自问了吧），现在还在beta阶段（从版本号你就可以看出来了）。所以它是跨平台的。你在windows上运行它可能会觉得有一点点慢（比VS快多了）。其实Aptana的内存占用很少，才2M多，不过JVM...我就不想说什么了。 幸运的是你可以通过javascript扩展它，这里是它的API。 Aptana还有太多让人惊艳的地方，你一定要自己用过了才知道。 ---------------------------------------------------------------------------------------- Aptana使用入门一：Code Assist 前两天我在《不可多得的Javascript(AJAX)开发工具 － Aptana》一文中简单介绍了Aptana。大家都很关注，同时也提了很多问题。因为Aptana相关的内容比较多，不可能在一篇里全部讲完，所以我想就问题比较多的几方面陆续写几篇小文。希望能对大家有所帮助。本人也是刚刚开始使用Aptana，有不对的地方请大家包含。另外，还是希望有E文基础的朋友多读读Aptana的文档，你的问题应该很快就会解决的。  Aptana中的智能提示（Code Assist）是大家比较感兴趣的部分，也是它强于其他工具的重要部分。这里我再介绍几点。 一．快捷键 1． 在Aptana中，你可以在文档的任何位置用 Alt+/ 激活智能提示。 当然你也可以把它替换成任何你想要的快捷键，就在菜单 Window / Preferences / General / Keys ，然后找到“Content Assist”这一项，修改它就可以了。 需要注意的是 Ctrl+J 已经被另一个功能(Incremental Find)占用了，如果你要用Ctrl+J的话，最好连带替换。 2． 输入选中的提示项的快截键是“Enter”而不是“Tab”，这点可能很多人都不太习惯。   二．自动完成括号、引号 无论是{ } 、( ) 还是[ ]，还有" "，只要你输入前半个后半个都是会自动键入的。 在字符串前面输引号，另一个引号会自动加在字符串末尾，鼠标自动定位在末尾的引号之后。   三.函数参数提示 大家看这个图就明白了   四．无处不在的Tip 大家在输入dom对象，函数，参数，css，html等等的时候都会不断跳出包含各种提示信息的tip，我就不一一截图了，大家使用中慢慢享受吧。 另外在任何位置你吧鼠标move on到某个对象上，都会跳出内容更为丰富的tip，甚至还包括sample     五．支持第三方(自定义)框架 下面可是今天的重头戏，请欣赏： 首先找到ASP.NET AJAX的教本库，选择后拖曳到Code Assist Profiles窗口内， 默认被添加到Default Profile下 然后建一个test.js，写个函数看看   Wow，do you see that?  ASP.NET AJAX 库里的东西全进来了！   新建的变量也进来了！   变量是“强类型”的哦！（请允许我借用这个词）   新建的函数也照进不误。 注：在这里我用了Default Profile，由于它是“全局”的，所以在你编辑任一文件时相关Assist都会有效。更好的方法是用Project来管理。不过这不在本文的讨论范围之内。 六. 自动到转到函数定义 让我们把光标放到toString()上，然后按F3看看 MicrosoftAjax.js被自动打开，并定位到“Sys$StringBuilder$toString”。为了方便调试，beta版用了新的命名方式，使我们无法直接定位到函数定义。没关系，把光标放到“Sys$StringBuilder$toString”再点一下F3   这下有了吧。   七．用ScriptDoc定制Code Assist 给我们的concat函数加一点注释，然后再看看提示出来的内容 ScriptDoc注释也可以定义在和js文件同名的.sdoc文件内。具体方法请参考文档。 ---转自 BLACK JACK

最近更新 ( 2008-04-07 )