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调试,也是一个好东东!
这些天看了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:
分享到:
相关推荐
在“ExtJS开发插件及Ext包”这个主题中,我们将深入探讨如何利用ExtJS进行插件开发以及如何管理和使用Ext包。 1. **ExtJS插件开发** - 插件是ExtJS中扩展组件功能的一种方式,允许开发者添加自定义行为或功能到...
5. **ExjsHotel.rar**:这个可能是基于ExtJs开发的一个酒店预订系统的示例项目,开发者可以从中学习到如何构建一个完整的业务应用,包括如何组织代码、如何实现交互逻辑、如何处理用户输入等。 6. **extjs实用开发...
本文将详细介绍EXTJS 3.4的开发前准备,包括EXTJS的基本知识、下载、开发环境的搭建以及开发工具的选择。 1. EXTJS 下载与版本结构 EXTJS 3.4可以从官方下载...
还有`ext-debug.js`,用于开发环境,它包含了额外的调试信息。除此之外,还有CSS样式表和图像资源,用于定义控件的外观和图标。 `examples`目录提供了丰富的示例代码,帮助开发者了解如何使用ExtJS的各种组件和功能...
- **多浏览器兼容性**: 具备良好的跨浏览器兼容性,可以在不同的浏览器环境下稳定运行,减少了开发过程中的调试成本。 #### 3. 面向对象编程在ExtJS中的应用 面向对象编程(OOP)是ExtJS框架的核心设计理念之一。...
Adobe AIR允许开发者使用Web技术(如HTML、JavaScript)开发桌面应用程序,EXTJS的这一部分可能包含了用于在AIR环境中运行EXTJS应用的相关代码和示例。 总的来说,EXTJS 2.1开发包是一个完整的前端开发解决方案,它...
#### 三、ExtJS开发环境搭建 1. **安装Node.js**:推荐使用最新版本的 Node.js,这有助于更好地管理项目依赖。 2. **安装Ext JS SDK**:可以通过 npm 安装官方提供的 Ext JS SDK,命令如下: ```bash npm install...
- 了解 ExtJS 性能瓶颈及优化策略。 #### 七、常见问题与解决方法 1. **加载速度慢**: - 优化资源加载策略,如合并文件、压缩文件等。 2. **兼容性问题**: - 使用 Polyfill 或者针对不同浏览器进行适配。 3. ...
《ExtJS开发参考资料》是一份综合性的学习资源,包含了对ExtJS框架的深入理解和实践应用。这个压缩包中包括了各种文档,旨在帮助开发者更好地掌握ExtJS的核心概念、工具使用以及实际开发技巧。 1. **EXT核心API详解...
### EXTjs实例开发知识点概述 #### 一、EXTjs简介 EXTjs是一种基于JavaScript的开源框架,用于构建现代化、高性能的Web应用程序。...通过深入学习和实践,开发者可以充分发挥EXTjs的优势,打造出高质量的Web产品。
EXTJS是一种基于JavaScript的前端开发框架,主要用于构建富互联网应用程序(Rich Internet ...通过学习EXTJS提供的官方示例和实践,开发者可以快速上手并精通EXTJS开发,为构建高效、美观的RIA应用打下坚实基础。
5. 开发环境与部署:源码可能包含配置文件、数据库脚本、服务器设置等,开发者需要安装相应的开发工具(如IDE、版本控制工具),并设置好服务器环境(如Apache、Nginx)和数据库环境(如MySQL、PostgreSQL)。...
8. **国际化(i18n)**:ExtJS 2.3.0提供国际化的支持,允许开发者轻松地切换应用的语言环境。 9. **主题与皮肤**:该版本可能包含了几种预定义的主题,允许开发者更改UI外观,满足不同设计需求。 10. **API文档**...
搭建ExtJS开发环境需要预先安装一些软件和配置开发环境。以下步骤详细介绍了如何搭建ExtJS4的开发环境: - **安装Eclipse**:Eclipse是一个强大的开发IDE,它可以用来开发Java Web应用,也可以作为前端开发的代码...
《基于Nutz与ExtJs的快速开发》是一个关于利用Nutz和ExtJs这两个技术栈进行高效Web应用开发的主题。Nutz是一款轻量级的Java框架,而ExtJs则是一个强大的JavaScript库,主要用于构建用户界面。这两者的结合可以提供...
标题“ExtJS介绍及应用举例”表明了内容主要涉及对ExtJS框架的基本介绍和实际应用场景的展示。这可能包括如何初始化一个ExtJS项目,怎样使用其组件库,以及如何利用其数据绑定机制来处理服务器端数据。通过"jar包"的...
从组件使用、MVC架构、数据绑定到事件处理、AJAX通信,以及主题定制和响应式设计,这本书将涵盖EXTJS开发的各个方面,是提升EXTJS技能和理解的宝贵资源。通过阅读并实践其中的示例,开发者能够掌握EXTJS的核心概念和...
ExtJs可视化开发工具3.0是一款专为提升开发效率而设计的工具,它极大地简化了ExtJS应用的创建过程,让开发者无需编写大量的JavaScript代码,就能构建出功能丰富的用户界面。这款工具的核心特性在于其直观的拖放界面...
1. **入门教程**:介绍如何设置开发环境,创建第一个ExtJS应用,以及基本的组件使用。 2. **组件详解**:详细讲解各个组件的属性、方法和事件,帮助开发者深入理解并运用到实际项目中。 3. **数据管理**:讲述如何...