专栏首页高爽的专栏Aptana:JavaScript开发利器

Aptana:JavaScript开发利器

简介

       Aptana是一个非常强大、开源的专注于Ajax开发的开发工具,看下开源中国社区中对它的功能描述:

  • JavaScript,JavaScript函数,HTML,CSS语言的Code Assist功能;
  • Outliner(大纲):显示JavaScript,HTML和CSS的代码结构;
  • 支持JavaScript,HTML,CSS代码提示,包括JavaScript 自定函数;
  • 代码语法错误提示;
  • 支持Aptana UI自定义和扩展;
  • 支持跨平台;
  • 支持FTP/SFTP; 
  • 调试JavaScript;
  • 支持流行AJAX框架的Code Assist功:AFLAX,Dojo,JQuery,MochiKit,Prototype,Rico,script.aculo.us,Yahoo UI,Ext;
  • Adobe AIR与iPhone开发工具。

       Aptana是我用过的最好用的JavaScript开发环境,没有之一,上边写的功能我没有用全,只是用了一部分,当然对我来说够用了。

链接

       如下链接都是目前的,以后有可能变化。

Aptana Studio

       Aptana主页:http://www.aptana.com

       Aptana说明文档:https://wiki.appcelerator.org/display/tis/Home

       Aptana开源社区:http://www.oschina.net/p/aptana

Eclipse插件地址

       Aptana2插件:http://download.aptana.com/tools/studio/plugin/install/studio

       Aptana3插件:http://download.aptana.com/studio3/plugin/install

安装

       插件的选择要看自己Eclipse版本,3.5是个分水岭,3.5之前选择Aptana2,3.5及3.5之后选择Aptana3。如何查看Eclipse版本呢,Eclipse自不用说,MyEclipse查看方式如下,打开:MyEclipse安装目录/readme/readme_eclipse.html,Release之后就是版本号了。

       安装方式有几种,看网上很多都说在线下载会失败,我没有失败。低版本的MyEclipse在线下载很简单,Help-->Install New Software-->输入插件地址-->…-->Finish,我用的是MyEclipse10,说下如何在线安装插件,我是安装Aptana Studio 3。

       第一步,选择Help-->MyEclipse Configuration Center,会进入一个Loding界面;

       第二步,选择Software;

       第三步,Sowftware窗口介绍;

       第四步,我们通过插件地址的方式添加插件,点击add site,输入name和url,我这里输入的是Aptana3的地址;

       第五步,展开Aptana,双击Aptana Studio 3 Plugin;

       第六步,这时整个面板的右上角和右下角会显示Apply 1 Change,点击,然后接受个协议,Next,等待下载,Restart。

       需要特别说明一下,有时候Apply Change会显示不出来,原因是Software Updates Available区域一进来要检查已有插件可用更新,Apply Change不显示是因为它还没检查完,网速慢的话需要多等一段时间。

使用

Content Assist

       提示键是和Eclipse设置的提示键相同的,提示时会显示ScriptDoc和支持的浏览器。

       本来这个提示框右侧会有一列浏览器图标,以亮暗来告知是否支持该浏览器,但是突然没了,有知道如何设置的一定要告诉我。

默认编辑器

       依次选择Window-->Preferences-->General-->Editors-->File Assocaition,Aptana提供了Html、Xml、Css、JavaScript编辑器,没有Jsp,以设置JavaScript编辑器为例,如下图:

选择主题

       Aptana3提供了多种代码高亮主题,Aptana2貌似没有,只能自己配了。Aptana3默认使用的是Aptana3主题,背景色是黑色的,所以刚安装完一片漆黑,可以换成自己喜欢的高亮风格。

       安装完Aptana3后,工具栏上会多出下面这个图标,可以通过它来更换主题。

       也可以通过依次点击Window-->Preferences-->Aptana Studio-->Themes来选择主题。

       Aptana2主题:

       Eclipse主题:

大纲视图

       Aptana对代码结构提供了清晰的大纲,效果可以媲美Eclipse对Java提供的大纲。如果没有Outline视窗,可以通过window-->show view-->Outline来显示。

       有大纲我们就可以通过CTRL+O来迅速找到某个方法或某个成员变量。

       还可以对指定的方法进行链接,在调用方法处,按F3或者CTRL+鼠标左键。

       这种链接可以跨JS文件进行。

ScriptDoc

       通过写ScriptDoc可以实现JavaDoc的那种效果,在post方法加上ScriptDoc。

       调用时:

       查看时:

Snippets

       依次点击window-->show view-->Snippets显示视窗,这里是一些定制好的模版,可以快速插入,模版可以自定义,自定义方法去看文档吧,我也不知道。

搜索

       Aptana编辑器重做了搜索,在用编辑器打开的文件内,按Ctrl+F,会显示如下:

       Aptana加入了一个新的项目管理器,依次点击window-->show view-->other-->studio-->App Explorer显示视窗。

JQuery提示

       安装完Aptana3后,菜单栏会出现一个Commands,依次点击Commands-->Bundle Development-->Install Bundle,会弹出个窗口,在最下边选择jquery,点击会弹出个类似控制台的东东,会自动安装JQuery支持,重启MyEclipse,Commands下会多出个JQuery。

       看下提示效果:

其它

       自动提示EXTJS等第三方JavaScript框架、调试JS等其它功能,基于我本人不使用第三方框架,调试使用开发人员工具足矣,所以我没有尝试,网络上应该很多教程,即便没有,也可参照Aptana Studio说明文档。更多好用的功能等待去探索,推荐大家使用Aptana。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Amazon Aurora 深度探索(一)

    本文对 Aurora 系统的实现从整体架构、存储、事务处理三个方面进行深入探讨,基于其论文和相关资料讨论具体实现细节,又跳出其外、从数据库内核技术实现的角度对 ...

    serena
  • 01-老马jQuery教程-jQuery入口函数及选择器

    这套jQuery教程是老马专门为寒门子弟而录制,希望大家看到后能转发给更多的寒门子弟。视频都是免费,请参考课程地址:https://chuanke.baidu....

    老马
  • [JavaScript]自执行函数

    最近在接触mui的时候,遇到了一段代码: 1 (function($, doc) { 2 $.init({ 3 ...

    CN_Simo
  • easyui内嵌iframe问题解决

    项目中使用easyui的tab页,每个tab页均内嵌iframe,现在要在tab页中控制新增一个同级别的tab页,记录如下: 首先是main.html主页面: ...

    用户1141560
  • JS判断滚动条是否停止滚动

           背景:昨天一个同事有种需求,有一个展示数据区域的div,带滚动条,当滚动条滚动时,需要向后台发请求,计算数据,再拿到前台展示。        分析...

    高爽
  • oncopy和onpaste

           在Javascript中,有相应的事件可以监听复制和粘贴,那就是oncopy和onpaste。        oncopy: demo: <bo...

    高爽
  • js返回树形结构数据

    /** * 树形结构转换 * @param a * @param idStr * @param pidStr * @param chindrenStr...

    用户1141560
  • Promise 实践

    promise已经是成为我们解决回调炼狱的常用方案,而且已经得到官方标准支持,如果你刚刚开始使用Promise,本文将帮助你了解几个常见的几个Promise的使...

    腾讯IVWEB团队
  • TensorFlow 入门(2):使用DNN分类器对数据进行分类

    本文作者通过分析《高级API入门教程》这篇文章中的实例:教我们如何使用DNN(深度神经网络)分类器实现对鸢尾花的分类,并对其提出举一反三的案例,提升学习效果,并...

    谭正中

扫码关注云+社区

领取腾讯云代金券