1、下载并解压缩extjs
2、下载eclipse及Eclipse AJAX Toolkit Framework(ATF)
本人一直习惯使用eclipse作为开发环境,各种开源的plugin使eclipse有全能的表现,运行效率也较其它IDE高。
ATF包括一个Mozilla浏览器,在eclipse中切换到"Mozilla视图"后,开发人员能进行html、dom、css的调试。但是
如果要单步调试javascript,必须安装dojo或其它几个ajax开发框架,否则不能进行javascript调试。不明白javascript
调试功能为何非要和dojo捆绑在一起,本人没用过dojo,不能在eclipse里调试javascript,这一点有些不爽。
ATF的安装稍微有些复杂,有一些Prerequisites要求先安装,幸好安装步骤在Eclipse网站上有说明,使用Eclipse的'Software Updates'来安装,有一步骤是配置JSLint
3、下载并安装JSEclipse
JSEclipse是一个eclipse plugin,作为javascript编辑器,使代码有颜色区分、代码格式化和辅助编码功能
4、下载并安装firefox和firebug
由于eclipse中没有装dojo不能进行javascript调试,所以本人下载并安装firefox和firebug。firebug是
firefox的plugin,功能类似ATF,能够进行javascript、html、dom、css调试,而且firebug中用鼠标捕获html
元素比ATF的方便,ATF中捕获html元素对含有extjs的Layout界面的支持不太好。
ATF和firebug可以互为补充使用,个人觉得比dreamweaver和ms的东东好,小巧灵活性能好,不要钱,获取方便,嘿嘿!
5、从extjs论坛上下载并安装JSEclipse plugin Ext of the code completion library:
http://extjs.com/forum/showthread.php?t=6112
这个东东可完善JSEclipse对extjs的代码自动完成功能,见论坛中的说明
6、Ext Debug Console
只要页面中包含ext-all-debug.js,按control+shift+home
,会出现一个界面,可看到html结构,进行html和css调试,也是一个好东东!
7、在开发测试阶段,不要使用ext-all.js,因为该文件是压缩的js文件,不方便阅读调试,以ext-all-debug.js代替,在生产环境中再使用ext-all.js
这些天看了aptana,感觉比jseclipse好用多了,不过机器的内存好大一点,具体装配置见:
http://extjs.com/blog/2007/06/29/building-a-desktop-application-with-ext-air-aptana-and-red-bull/
由于extjs的api
doc不完整,有经验的extjs使用者可以通过阅读extjs的源码,以得到未在文档中公开的widgets、function、变量,可以得到事半功
倍的效果!这一点对使用extjs进行开发非常有帮助,一般主要参考source/widgets目录下的源码。另外,使用firebug进行单步调试
时,可以在向watch面板添加变量,通过展开层次视图,就可以了解到可以访问的属性和方法。
按装aptana和adobe AIR后的代码辅助功能(eclipse中创建AIR工程):
ATF中调试css:
Firebug中调试javascript:
- 大小: 86.4 KB
- 大小: 119.2 KB
- 大小: 52.7 KB
分享到:
相关推荐
windows下Extjs开发环境搭建说明,利用Spket实现智能提示,及第一个HelloWorld的开发说明
eclipse+spket+Extjs4.2.1开发环境搭建,同样适用于myeclipse,内附spket破解包
ExtJS开发环境搭建(Eclipse)
在网络上搜集,自己安装成功后在使用的开发环境。因ExtJS3.0和spket-1.6.18.jar的开发包太大不能上传,里面有安装说明和下载路径 ext-jsb2.zip jsb2是最新的。。请所需者取之
ExtJS开发环境建立.pdf
extjs 凌厉开发详解与实践
extjs开发文档学习资料extjs开发文档学习资料extjs开发文档学习资料extjs开发文档学习资料extjs开发文档学习资料extjs开发文档学习资料extjs开发文档学习资料
我也是初学,把自己的学习过程记录下来,供大学参考。 2015年最新的搭建MyEclipse10+Spket+ExtJS的开发环境介绍
extjs4环境搭建
extjs2.0版本的开发包,包括开发手册,手册提供了extjs的大部门功能的使用,对初级开发者尤其有用
ExtJS开发实战 ExtJS开发实战 上传只能选资源分,没办法,我想免费分享的
EXTJS开发总结.pdf
Extjs开发工具(包含Dreamweaver、Eclipse、VS)Extjs开发工具(包含Dreamweaver、Eclipse、VS)Extjs开发工具(包含Dreamweaver、Eclipse、VS)Extjs开发工具(包含Dreamweaver、Eclipse、VS)
extjs 开发工具
Extjs之Eclipse及spket的开发环境的搭建
ExtJS开发插件及Ext包.一个是Spket一个是Ext包
此压缩包中,包含ExtJs4.0类库,spket破解版,以及Myeclipse下ExtJs开发环境的搭建,和一个用ExtJs写的HelloWorld,相信有了它,你可以进行基础开发了
EXTJS 开发实践手册 Ext.JS.in.Action(2nd,2014.1)].Jesus.Garcia.文字版.pdf
extjs实践大量实例讲解,学习的好资料
extjs开发实例 extjs教程 extjs开发实例 extjs教程