[Ext入门]图文详解Ext常见开发工具的安装使用(转)

来源:互联网 发布:淘宝十大女装店 编辑:程序博客网 时间:2024/04/20 12:55

俗话说,工欲善其事,必先利其器。缺乏好的工具想要用好Ext这么庞大的类库恐怕任谁都很难做到,本文就来介绍几种Ext的智能提示工具。btw,今天非常不爽,Aptana不知为何怎么都起不来了,重装无聊之余有了此文...

第一种方式Aptana支持

1.下载Aptanahttp://www.aptana.org/studio/download

如图,Aptana支持单独运行以及做为eclipse插件两种方式来使用。
2.下载Aptana的Ext专用插件,插件来自Ext官方论坛http://www.extjs.com/forum/showthread.php?89417-3.X.X-Aptana-plugin&highlight=aptana
要通过其他网站下载,比较麻烦,可以直接下载本文附件(对应Ext3.2.0版本)
3.将jar直接放到Aptana目录下的plugins目录下,如图:

4.重启Aptana,进入window->preferences进行设置,如图:

这样就可以使用Ext的智能提示了,如图:


第二种方式Aptana/eclipse配合spket插件
1.还是下载Aptana或者eclipse,这里就不多说了
2.设置spket下载路径,如图:

3.下载安装spket(注意:需要重启Aptana才能看到spket更新链接)

之后点下一步,接受liscence然后等待安装,出现提示点ok就可以,安装完成后重启Aptana
4.进入window->preferences进行设置,如图:





5.别忘了打开文件的方式要选择Spket来打开,如图:

这样就完成Spket的Ext插件安装了,提示效果如图:


第三种方式Komodo文本编辑器
1.下载Komodo官方地址:http://www.activestate.com/komodo/
2.添加Ext支持,Komodo自带很多js类库支持,你需要做的只是把Ext的cis文件移到你个人Komodo配置路径下,具体操作如下:进入Edit->preferences

之后如图进行设置:

你要小心的导航Ext对应的cix文件,然后点打开
3.这样就完成了,看看Komodo的效果吧:


第四种方式:JSEclipse插件
http://www.extjs.com/forum/showthread.php?6112-For-JSEClipse-plugin-Ext-of-the-code-completion-library&highlight=aptana
我没用过,这里就不多说了

三种方式的比较:
第一种方式的提示很不全,点击Ext连onReady函数都提示不出来,不过可以在编辑html文件的时候使用。
第二种方式使用spket提示比较全面,不仅能显示注释而且还支持Ext中配置项提示,如图:

但是Spket不能在编辑html里面的js时给出提示。
第三种方式可以支持html和js文件中提示,不过没有Spket的提示那么全面

关于Aptana、Spket、Komodo的几点补充:
1.Aptana是一个强大的专注于前端开发的IDE,它自带jetty(web容器)可以做到所见即所得的,而且能配配合firebug对js进行调试
2.Spket跟Aptana一样,具有ide和插件两种形式,但是Spket的ide没什么功能,一般是把它做为插件来使用
3.Komodo edit是一款支持多种动态编程语言的跨平台的编辑器,它能提供多种功能来提高代码的编写效率,减少出错几率,例如tmeplate、snippets等,它还内置许多命令用来减少不必要的时间开销,例如我们可以新建一个命令让它用调用浏览器打开并向google发起搜索当前选中内容的请求,这条命令可以放到Toolbar上,为它设置一个图标,以后想用的时候直接双击就可以了