`

Ext JS 2.0 IDE

    博客分类:
  • EXT
阅读更多
Aptana Studio
    一谈到JavaScript的开发工具,就不得不提Aptana了。就我实际工作来说,每天都用它来完成Adobe AIR的工作。但是Aptana当前捆绑的Ext的版本有些旧(1.1的),下面就介绍一个插件的安装方法,让Aptana支持到2.0(由Markus Schmidleitner提供,用起来还不错):

1.      下载并安装Aptana Studio;
2.打开你的Aptana程序目录(我这儿是C:\Aptana),复制jar格式的文件到plugins目录;
3.重启Aptana;
4.进入Window -> Preferences -> Aptana -> Editors -> JavaScript -> Code Assist选择Ext 2.0(或要反选Ext.1.1)。

2.      Spket Eclipse插件与IDE
    Spket IDE是目前支持Ext 2.0最为出色的IDE。 它采用.jsb project file 文件并将继承于基类和所有文档的内容嵌入到生成代码提示的Script doc中。
    由于Spket只是一个单纯的编辑器,没有其它格式的支持(如CSS),所以我的做法是用它的Eclipse插件形式,安装到Aptana。安装办法如下:

    1.下载安装Aptana Studio(包含有Eclipse);
    2.启动Aptana并打开程序菜单到:Help → Software Updates → Find and Install… → Search for new features to install → New remote site…
    3.名称: “Spket”,地址URL是http://www.spket.com/update/
    4.重启Aptana;
    5.观看一下这个SketIDE的教程,看看Ext代码提示的功能有多省事(你可以修改/src/ext.jsb 保持最新版的Ext),基本步骤如下:

1.      Window → Preferences → Spket → JavaScript Profiles → New ;

2.      输入“ExtJS”点击OK;

3.      选择“ExtJS” 并点击“Add Library”然后在下拉条中选取“ExtJS”;

4.      选择 “ExtJS”并点击“Add File”,然后在你的./ext-2.x/source目录中选取“ext.jsb” 文件;

5.      设置新的ExtJS Profile,选中并点击“JavaScript Profiles” 对话框右手边的“Defalut”按钮;

6.      重启Aptana;

7.      创建新的JS文件并输入: Ext这样就可设置Ext Code代码自动完成的功能。

    由于你是在Aptana中安装插件的,Aptana还是你默认的JS编辑器,所以要试用Spket,你要在那个文件上选中“Open with”-> Spket JavaScript Editor 。

Komodo Edit
    Komodo Edit为众多格式文件提供支持,包括Perl、PHP、Python、Ruby和Tcl。亦支持浏览器方面的代码包括有JavaScript、CSS、HTML和XML。Windows、Mac Os和Linux平台都可用。
    安装Ext支持下的Komodo:

    1.下载和安装Komodo Edit;
    2.下载API catalog;
    3.进入Edit -> Preferences -> Code Intelligence 并选择位于“API Catalog”下方的按钮“Add an API catalog” ;
    4.选择刚才下载的ExtJS API catKomodo Editalog CIX 。

Dreamweaver
    对于Dreamweaver的用户,有两种可用的插件SpketDW(Dreamweaver 2004或新版)和SpketDWCS(Dreamweaver CS3)。两者都是Spket团队开发的(刚才提及的),因此也同样精确和出色。另外Dreamweaver插件的一大特点是很好地支持配置项的代码提示。

   要下载和安装,请浏览他们的站点。

其它的IDE
    还有其它的IDE,像由社区发起的正在工作着的IntelliJ和Visual Studio 2008。

总结
    当工作中需要到Ext 2.0,的确有一些工具能辅助你提升工作效率,这真的要比较一番(Check them out、check out、checkout...)。如果你也发现有其它更好的工具,不妨雁过留声,与我们分享。

转自:http://www.iteye.com/topic/161161

备注:Aptana Studio介绍

Aptana IDE现在已经被重命名为Aptana Studio,这款IDE的背后有着风险投资的支持,旨在给Web开发者提供一套基于 Eclipse的IDE大餐。它现在可以支持多种AJAX和JavaScript工具箱,包括JavaScript编辑和调试。它的下一步动作将是紧紧跟 上当前最新的趋势,正如它为创建Adobe AIR应用提供的支持,亦或为在iPhone上创建AJAX应用所提供的特殊支持。

  在 Ruby方向上,Aptana雇用了Ruby Development Tools(RDT)的长期维护者Chris Williams。RDT的历史较 为久远,有一张长长的功能列表。RDT的编辑器提供了所有的常用功能,诸如方法的自动补全(使用Google编程之夏的一个项目中开发的类型推断 [type inference]算法),众多的静态分析检查——用以在编辑时发现代码中的坏味道。进一步而言,RDT已经为调试提供了多年的支持,并且 还有一个GUI来做单元测试。

  Aptana还接过了RadRails——一款流行的开发工具,为RoR开发增加了工具支持——的开发工作。最近的RadRails更新包括了一个预配置的JRuby解释器,还有很多其他有用的特性。

   其中一项令人瞩目的特性就是Ruby的重构支持。这些已有的自动化重构回答了一个长久以来迟迟未决的疑问:自动化重构是否可以在Ruby这样的语言中进 行。看一下这个可工作的自动化重构列表,它给人带来的感觉就是,自动化重构是可行的(当然,对于非常动态化的代码还是有限制的)。

   Aptana Studio 1.0的发布是多年辛勤工作的成果。Aptana IDE从最开始起就是可以免费下载的,这便引起了人们对Aptana业务 模型的疑问——毕竟公司有着要付给工资的员工,而且免费分发所有的产品并不能为公司带来稳定的现金来源。但Aptana看上去已经解决了这个问题,因为在 Aptana Studio 1.0的发行版中包括了一个商业版本。社区版是这个礼包的基础,并仍可免费获取。专业版是商业性的,增加了其它一些功能:

  ● IE调试
  ● JSON编辑器
  ● 报告引擎(项目的状态数据)
  ● 远程项目创建
  ● SFTP/FTPS支持
  ● 专业化支持

  官方主页:http://www.aptana.com/studio/

   Aptana是一个基于Eclipse的集成开发环境,其最广为人知的是它非常强悍的JavaScript编辑器和调试器。去年Aptana吸收了 Radrails项目,添加了非常强大的Ruby on Rails支持。但是Aptana前进的脚本并未停止。随着苹果公司iPhone手机的发 布,Aptana也推出了功能完备的iPhone集成开发功能,在Adobe公司的RIA产品AIR推出不久之后,Aptana就支持了AIR的开发环 境。如今Aptana Studio 1.0支持如下几大方面的开发功能:

  ● 1、AJAX开发环境
    ● × HTML/JavaScript/CSS编辑器
    ● × prototype/dojo等常见AJAX类库集成和提示
    ● × JSON编辑器
  ● 2、Adobe AIR开发环境
  ● 3、Apple iPhone开发环境
  ● 4、Ruby on Rails开发环境
  ● 5、PHP开发环境
  ● 6、JavaScript调试器
  可以说是Web2.0最全面,最强大的开发工具了!

安装:
1) 去官网下载 Aptana Studio 1.1 http://www.aptana.com/studio/,aptana是基于eclipse架构扩展出来的,有免费版本(community)和付费版本(pro)


2) 可以下载community版,在官网填入邮箱可获取注册码,安装完成后升级到pro版
3) 升级完成,安装插件,刚刚装上的pro版是不支持php和air的,需要另外安装插件, Aptana studio 1.1 pro是收费的,安装后可以免费使用30天

破解:
1) 插件都安装完后,用如下方法可以破解:
使用附件中的2个class文件替换掉plugins\com.aptana.ide.core_1.1.0.007007.jar(后面的版本号可能会 有所不一样,不用管它,只要找到com.aptana.ide.core_开头就行了),这个文件可以用WINRAR打开.在RAR的 com.aptana.ide.core_1.1.0.007007.jar\com\aptana\ide\core\licensing路径下。下载破解
下载路径:http://uploadingit.com/files/605054_igkgx/aptana_studio_pro_%E7%A0%B4%E8%A7%A3%E5%8C%85.zip
2) 解压文件后替换,如果想打包回jar文件,可以使用WinHKI,支持BH、CAB、HKI、JAR、LHA、TAR、GZ文件的解压缩。下载WinHKI
下载路径:http://www.winhki.com/download/setuphki.exe

汉化:
在Windows 菜单 → Preferences → General → Content Types,选择 Text ,在下方指定默认编码为UTF-8后update,并在File associations下面添加文件类型,如 *.js.如果文档的编码不是UTF-8 就指定成相应的编码。不过还是建议使用 UTF-8 编码

相关链接:
1) 官网: http://www.aptana.com/studio/
2) 简介:http://www.52css.com/article.asp?id=725
3) http://blog.csdn.net/rjzou2006/archive/2008/01/15/2044670.aspx
4) 详细安装步骤:http://www.psdwflai.cn/article.asp?id=190
5) 视频教程:http://www.aptana.tv/

分享到:
评论

相关推荐

    Ext GWT 2.0, Beginner's Guide

    《Ext GWT 2.0, Beginner's Guide》是一本专为初学者设计的指南,旨在帮助读者深入了解和掌握Ext GWT 2.0这一强大的Java Web开发框架。Ext GWT,全称EXT Java Widget Toolkit,是Sencha公司开发的一个用于构建富...

    SQL Server + VS2005 + 3层结构 + EXT2.0 + ajax 的 增删改 的例子

    4. **EXT2.0**:EXT(现为Sencha EXT JS)是一个JavaScript库,用于构建富客户端的Web应用。EXT2.0提供了丰富的组件和布局,如表格、表单、树视图等,用于创建复杂的用户界面。在这个项目中,EXT可能被用来构建前端...

    Ext + Gwt + Struts2.0开发1

    GWT-Ext是将GWT与Ext.js结合的库,使得GWT开发者可以利用Ext的组件和界面效果。 在使用Google Plugin for Eclipse进行开发时,首先需要下载并安装Eclipse IDE,特别是Java EE版本,因为它包含了Graphical Editing ...

    Ext2.2开发指南--完整翻写Ext官方网站学习指南介绍

    唉,当然他们说英文不好懂,于是,我就看完了Ext官方网站的介绍,然后把该网站介绍--Ext2.0开发指南完整翻写成了简体中文,并且使用Ext2.2调试出来,因为--该官方网站给出的是Ext 2.0版本,有的代码跑不出来,比如...

    Extjs2.0 智能提示

    ExtJS 是一个强大的JavaScript库,专门用于构建富客户端Web应用程序。在ExtJS 2.0版本中,智能提示(Intelligent Hinting)是一项关键特性,它增强了开发人员的编码体验,提高了开发效率。智能提示功能提供了自动...

    Extjs的学习资料

    4. **Ext JS 2.0的IDE、插件和工具**: 在开发ExtJS应用时,可能会使用到如Eclipse、NetBeans等IDE的特定插件,这些工具能提供代码提示、自动完成和调试功能,提高开发效率。 5. **ExtJS中的jQuery**: 虽然ExtJS...

    eclipse,MyEclispe下安装javascript插件

    SpketIDE当前支持Ext2.0等框架,并能够很好地集成到Eclipse项目中,通过`.jsb`项目文件格式来管理JavaScript相关的设置。 #### 三、SpketIDE安装步骤 ##### 1. 准备工作 确保您的计算机上已经安装了Eclipse或...

    ExtJS Web应用开发

    ExtJS 开发指南,Ext 2.0的API包含许多的方法(函数)、属性和配置项,涵盖的面非常大,要全部列出几乎是不可能的。...可喜的是,有若干的开发环境(IDE)和插件能够支持--并且是直接支持Ext 2.0。

    Ext酒店管理系统(简单三层) 适合初学者学习

    Ext酒店管理系统是一个基于简单三层架构设计的项目,适用于初学者学习和理解软件开发的基本原理。这个系统使用了ASP.NET作为后端技术,VS2005作为开发环境,SQL2005作为数据库管理工具,以及Extjs2.0作为前端展示...

    ext gwt gxt初学教程

    GWT,由Google开发,允许开发者使用Java语言进行Web前端开发,通过编译器将Java代码转换为浏览器可识别的JavaScript代码。然而,GWT原生提供的控件集相对基础,无法满足复杂企业级应用的需求,这便是ExtGWT等第三方...

    Webbuilder学习指导书

    WebBuilder 是一款Web应用程序快速开发平台,平台的核心为Ext 2.0。Ext 是一款具有多项功能的轻型JavaScript库,基于MIT许可为大家服务。 知识点一:Ext 库的功能 Ext 库对DOM操作、Ajax、事件、动画、模板、00机制...

    ckfinder修改文件名称

    原版的CKFinder可能在处理包含中文字符的文件名时遇到困难,尤其是在Linux环境下,因为Linux的文件系统(如EXT4)默认不支持UTF-8编码,这可能导致中文字符显示为乱码。为了解决这个问题,开发者对CKFinder的源代码...

    webbuider学习

    它基于 Ext 2.0,一个轻量级的 JavaScript 库,提供了丰富的功能,如 DOM 操作、Ajax、事件处理、动画、模板和数据绑定机制。WebBuilder 的核心在于其可视化集成开发环境,它允许开发者快速构建 Web 应用,同时支持...

    解决vue+webpack打包路径的问题

    assetModuleFilename: 'assets/[name][ext][query]', // ... }, // ... }; ``` 完成上述步骤后,Vue应用应该能够在`/vue-demo`路径下正常工作,且所有资源都能正确加载。请记住,这些更改可能需要根据你的具体...

    运用BeanShell脚本语言进行逻辑判断定义.pdf

    例如,在Windows系统中,可以将bsh-2.0b4.jar放置于`C:\jdk1.5.0_15\jre\lib\ext`目录下。 3. **验证配置**: - 打开命令行工具,输入`java bsh.Console`命令,如果看到BeanShell的启动界面,则说明配置成功。 ##...

    stuts2和extjs结合实例

    - 确保已经安装并配置好Java开发环境(JDK)以及Eclipse或IntelliJ IDEA等IDE。 - 配置Tomcat服务器,确保能够运行Java Web应用。 2. **依赖库准备**: - 引入Struts2的核心库以及其他必要的扩展库。 - 特别...

    SchemaMap:GWTGXT Web 应用程序允许将各种模式映射到档案空间模式

    SchemaMap是一款专为GWT(Google Web Toolkit)和GXT(Ext GWT)开发的Web应用程序,它提供了强大的功能,允许开发者将各种数据模式映射到档案空间模式,以实现更高效的数据管理和交互。在“SchemaMap 2.0 测试版”...

    KODExplorer 芒果云-资源管理器

    - Web IDE / browser code editor awesomeness - 更多场景等你来挖掘!…… #### 3.使用说明 管理员: admin/admin 普通用户:demo/demo 游客用户:guest/guest [如何使用] 下载程序,解压上传到你的服务器...

Global site tag (gtag.js) - Google Analytics