开发者社区> ap0581w9c> 正文

围绕Ext JS 2.0的IDE、插件和工具 by Jack Slocum

简介: Ext 2.0的API包含许多的方法(函数)、属性和配置项,涵盖的面非常大,要全部列出几乎是不可能的。虽然API文档是童叟无欺精心打造的,但实际开发中,若果能够像其它语言Java和C#那样地支持JavaScript代码提示,那就更好啦。
+关注继续查看
Ext 2.0的API包含许多的方法(函数)、属性和配置项,涵盖的面非常大,要全部列出几乎是不可能的。虽然API文档是童叟无欺精心打造的,但实际开发中,若果能够像其它语言Java和C#那样地支持JavaScript代码提示,那就更好啦。可喜的是,有若干的开发环境(IDE)和插件能够支持--并且是直接支持Ext 2.0。 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)。
aptana.gif

Aptana Studio with Ext 2.0 code assist

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 。 spket.gif

Spket in Aptana with full documentation and code assist

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 。
komodo.gif

Komodo with Ext JS code intelligence

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

dw-fns.gif

Members code assist

dw-configs.gif

Config option code assist

要下载和安装,请浏览他们的站点其它的IDE 还有其它的IDE,像由社区发起的正在工作着的IntelliJ和Visual Studio 2008总结 当工作中需要到Ext 2.0,的确有一些工具能辅助你提升工作

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
IDEA 插件开发入门教程
IntelliJ IDEA 是目前最好用的 JAVA 开发 IDE,它本身的功能已经非常强大了,但是每个人的需求不一样,有些需求 IDEA 本身无法满足,于是我们就需要自己开发插件来解决。工欲善其事,必先利其器,想要提高开发效率,我们可以借助 IDEA 提供的插件功能来满足我们的需求。
7072 0
ML之FE:基于load_mock_customer数据集(模拟客户)利用featuretools工具实现自动特征生成/特征衍生
ML之FE:基于load_mock_customer数据集(模拟客户)利用featuretools工具实现自动特征生成/特征衍生
66 0
sublime text3 破解及常用插件
sublime text3 下载 破解 submelime Text > About sublime Text //看是否注册并 查看当前的版本 然后百度或google搜索 'sublime text 3 3083 破解’ 可搜到如下注册码 —– BEGIN LICENSE —– Andre...
1512 0
推荐14款非常有用的 CSS 网格系统生成工具
今天这篇文章向大家推荐14款非常有用的 CSS 网格系统生成工具,它们能够帮助你构建适合你网站项目的 CSS 网格系统。一个系统化、结构合理的布局使得能够更快更轻松的组织网站的内容。网格系统为网页设计师们提供了一种快速构造网页内容布局的方法,帮助设计师们节省了大量的时间和精力。
584 0
【Android 安全】DEX 加密 ( 常用 Android 反编译工具 | apktool | dex2jar | enjarify | jd-gui | jadx )(一)
【Android 安全】DEX 加密 ( 常用 Android 反编译工具 | apktool | dex2jar | enjarify | jd-gui | jadx )(一)
48 0
【Android 安全】DEX 加密 ( 常用 Android 反编译工具 | apktool | dex2jar | enjarify | jd-gui | jadx )(二)
【Android 安全】DEX 加密 ( 常用 Android 反编译工具 | apktool | dex2jar | enjarify | jd-gui | jadx )(二)
72 0
+关注
579
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
性能优化方法论
立即下载
手把手学习日志服务SLS,云启实验室实战指南
立即下载