Ext JS 2.0的IDE、插件和工具 javascript

系统 1653 0
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 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 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 cat Komodo Edit alog CIX 。


Komodo with Ext JS code intelligence


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


Members code assist







Config option code assist








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

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

我选择 Dreamweaver
从对应网站下载
SpketDWCS.mxp

进行安装时. 确保 Adobe Extension Manager CS3 装上.

启动Adobe Extension Manager CS3 导入 SpketDWCS.mxp. 并启用.

新建js文件. 输入图中代码.






























参考: Vs2008 对Ext的支持.
http://extjs.com/forum/showthread.php?t=18751&highlight=2008

Ext JS 2.0的IDE、插件和工具 javascript


更多文章、技术交流、商务合作、联系博主

微信扫码或搜索:z360901061

微信扫一扫加我为好友

QQ号联系: 360901061

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描下面二维码支持博主2元、5元、10元、20元等您想捐的金额吧,狠狠点击下面给点支持吧,站长非常感激您!手机微信长按不能支付解决办法:请将微信支付二维码保存到相册,切换到微信,然后点击微信右上角扫一扫功能,选择支付二维码完成支付。

【本文对您有帮助就好】

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描上面二维码支持博主2元、5元、10元、自定义金额等您想捐的金额吧,站长会非常 感谢您的哦!!!

发表我的评论
最新评论 总共0条评论