日期:2014-05-16  浏览次数:20343 次

Ext JS开发实用工具总结

?? ?现在一直在做Ext Gwt开发,已经很久有没接触Ext JS了,之前接触过的东西已经快忘干净了,在完全遗忘之前,写此总结以备参考,也希望多大家有用。

?

1. Ext JS IDE工具:

?? ? ? 在这里只说我接触过的工具:

?? ? ? 1). Aptana Studio: ??http://www.aptana.com/?? ? [基于Eclipse3.3 或者以上, 开源]

?? ? ? ? ? ?这个是我现阶段接触到得,最好的Web前端开发工具,不仅有强大的代码提示(浏览器兼容性也会提示出来),而且支持js断点调试。 现在最新的版本是2.0, 里面可以直接更新Ext2.2插件,用来做ExtJS开发,非常方便:

?

强大的代码提示,并且支持断点调试:


?

?

?? ? ? 2). Spket IDE: ?http://www.spket.com/

?? ? ? ? ? ? ? ?这个也非常优秀,在Aptana Studio未免费之前,用过这个。 开发Ext JS需要进行一定的配置,代码提示功能也很强大,不过不支持浏览器兼容性提示和断掉调试(我接触的是1.6版,之后的版本就不清楚了)

?

2. 浏览器调试,以及辅助工具: (一下都是FireFox插件)

?? ? ? ? 1). FireDebug: ?做前端开发必备, js断点调试,dom节点查看, Css样式调整必备; 不仅如此,而能能够检测网络加载状况,以及请求响应信息;

?? ? ? ? ?2). Web Developer: 主要偏向于Web制作. 平时用的不多;

?? ? ? ? ?3). iMaros for firefox: 一款不错的测试工具,如果不想用LoadRunner这些庞大的测试工具,可以尝试用用他。

?? ? ? ? ?4). Library Detector: 查看当前网页用了哪些js框架; ?PS: 这个比较猥琐,头别人的解决方案,木哈哈哈....

?

下面副现在用的插件:


?

?

3. 资料整理:

?

Spket + Ext JS 开发环境搭建(入门的时候就看的他..)

?

Ajax性能工具?(IBM的文章库, 介绍了很多不错的ajax测试工具,服务器端和客户端的都有。。)

?

围绕Ext2.0的开发工具(这个是老帖了,我是从这里了解到得Aptana Studio)

?

继续更新一些资料:(都来自verycd)

?

《浪曦的ExtJS视频教程》??(主要介绍ExtJS中 Grid的应用)

?

DojoChina的ExtJS视频教程??(我当时就看的这个轿车呢个,如果看完这个还不会extjs的话,我就无语了.... ? 后台他们用的是Asp + JScript...)

?

?

1 楼 Rooock 2010-02-02  
一直没有接触过GWT. 不知道LZ可否对照EXTJS介绍哈.

PS...这帖水平真不咋的. LZ还有藏着掖着的绝学快使出来吧~
2 楼 dieslrae 2010-02-03  
不知道GWT和之前看到的封装ext的jsf标签谁更有优势
3 楼 s海若 2010-02-03  
其实说到底最好用的工具就是API DOC了,如果非要整个IDE aptana是首选,Spket感觉不是很成熟,而且免费得很不厚道。
测试工具除了iMaros强力推荐Seleinum,可以录制,也支持测试代码。主要测试代码可以转换成xml,java等各种形式,更有强大的api可以集成到测试框架里,非常方便。
问题是Ext gen出来的html结构很复杂,而且是动态id,所以gird里面的操作是录制不了的,而用纯粹的css selector有些功能,比如修改grid第三行中的某列记录实现起来很困难。
在此抛砖引玉,不知哪位达人有高招可以解决这个难题?
4 楼 tigerlchen 2010-02-03  
<div class="quote_title">witcheryne 写道</div>
<div class="quote_div">
<p>?? ?现在一直在做Ext Gwt开发,已经很久有没接触Ext JS了,之前接触过的东西已经快忘干净了,在完全遗忘之前,写此总结以备参考,也希望多大家有用。</p>
<p>?</p>
<p>1. Ext JS IDE工具:</p>
<p>?? ? ? 在这里只说我接触过的工具:</p>
<p>?? ? ? 1). Aptana Studio: ??<a href="http://www.aptana.com/">http://www.aptana.com/</a>?? ? [基于Eclipse3.3 或者以上, 开源]</p>
<p>?? ? ? ? ? ?这个是我现阶段接触到得,最好的Web前端开发工具,不仅有强大的代码提示(浏览器兼容性也会提示出来),而且支持js断点调试。 现在最新的版本是2.0, 里面可以直接更新Ext2.2插件,用来做ExtJS开发,非常方便:</p>
<p>?</p>
<p>强大的代码提示,并且支持断点调试:</p>
<p><br><img src="http://dl.iteye.com/upload/attachment/201579/c8af5a46-16af-3cb0-ad37-e17e6c355e1d.jpg" alt=""></p>
<p>?</p>
<p>?</p>
<p>?? ? ? 2). Spket IDE: ?<a href="http://www.spket.com/">http://www.spket.com/</a></p>
<p>?? ? ? ? ? ? ? ?这个也非常优秀,在Aptana Studio未免费之前,用过这个。 开发Ext JS需要进行一定的配置,代码提示功能也很强大,不过不支持浏览器兼容性提示和断掉调试(我接触的是1.6版,之后的版本就不清楚了)</p>
<p>?</p>
<p>2. 浏览器调试,以及辅助工具: (一下都是FireFox插件)</p>
<p>?? ? ? ? 1). FireDebug: