俗话说,工欲善其事,必先利其器。缺乏好的工具想要用好Ext这么庞大的类库恐怕任谁都很难做到,本文就来介绍几种Ext的智能提示工具。btw,今天非常不爽,Aptana不知为何怎么都起不来了,重装无聊之余有了此文...
第一种方式Aptana支持
1.下载Aptana
http://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上,为它设置一个图标,以后想用的时候直接双击就可以了
- 大小: 7.6 KB
- 大小: 2.6 KB
- 大小: 13 KB
- 大小: 5.2 KB
- 大小: 31.6 KB
- 大小: 16.1 KB
- 大小: 30.2 KB
- 大小: 11.8 KB
- 大小: 16.7 KB
- 大小: 5.2 KB
- 大小: 6.1 KB
- 大小: 62 KB
- 大小: 13.4 KB
- 大小: 4.3 KB
- 大小: 6 KB
分享到:
相关推荐
Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-...
本人收集的EXT详解,EXT开发中组件详解
Ext API详解 Ext API详解 Ext API详解
ext的使用入门,特别适合新手学习和使用。给好评哦亲
ext入门教程ext入门教程ext入门教程ext入门教程ext入门教程ext入门教程ext入门教程ext入门教程ext入门教程
EXT核心API详解 EXT核心API详解 EXT核心API详解
ext_js 入门详解 让您轻松学会ext_js框架,开发绚烂的界面
JavaScript凌厉开发——Ext JS3详解与实践JavaScript凌厉开发——Ext JS3详解与实践
《快意编程:Ext JS Web开发技术详解》首先对Ext JS进行了概述,然后通过一个简单的示例带领读者快速入门,在读者对Ext JS有了初步印象后,又重点介绍了JavaScript的面向对象技术、Ext JS API文档的使用方法、Ext JS...
《快意编程:Ext JS Web开发技术详解》首先对Ext JS进行了概述,然后通过一个简单的示例带领读者快速入门,在读者对Ext JS有了初步印象后,又重点介绍了JavaScript的面向对象技术、Ext JS API文档的使用方法、Ext JS...
ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ex
JavaScript凌厉开发——Ext详解与实践 源码 源代码 part3 因为源代码比较大,压缩后76M左右 所以分为四个包上传
Ext在最开始的时候,是作为YUI的一个扩展存在的,所以那个时候它的名称是YUI.Ext,后来,Ext作为一个独立的项目进行开发,并不再依赖于YUI。适合企业级开发,能实现复杂的Layout布局,界面效果可以和backbase媲美,...
EXT IDE EXT IDE EXT IDE EXT IDE
JavaScript凌厉开发——Ext详解与实践
YUI-EXT使用详解,免费送给大家
整理的Ext API详解 .rar 整理的Ext API详解 .rar
经典Ext常用方法详解,帮助你攻克Ext难题。
《快意编程:Ext JS Web开发技术详解》首先对Ext JS进行了概述,然后通过一个简单的示例带领读者快速入门,在读者对Ext JS有了初步印象后,又重点介绍了JavaScript的面向对象技术、Ext JS API文档的使用方法、Ext JS...