`
- 浏览:
191398 次
- 性别:
- 来自:
成都
-
在IntelliJ IDEA下开发ExtJS应用指南
在ExtJS的blog有这样一文:IDEs, plugins and tools for Ext JS 2.0 ,相信不少人对Aptana Studio和Spket IDE的表现一定非常憧憬。文章中也提及了IntelliJ IDEA,但是并没有就相关的特性进行说明,这里大家可能会问,IDEA也就是向普通js那样支持Ext。确实是这样,但是Ext也是普通的Javascript写成的,而且也遵循规范,在下面文章中,我们不需要任何Ext的IDEA插件,就可以实现很多功能。在进行讲解之前,我们需要做一些准备。IDEA全面支持jsdoc,但是你下载的Ext包中都将这些注释去掉啦,如果你使用这样版本的js,那么想在IDEA下查看方法的说明,基本不可能的,所以我们要使用一个全新的debug版本的js文件,这个版本包含源码的各种注释。Ext SVN Builder生成的debug文件并不包含注释信息,我们只需要对其进行微小处理,就可以包含文档注释,你可以下载该文件,包含ext-base-debug.js和ext-all-debug.js文件,包含了全部源码注释,版本为2.0.2,虽然文件大了点,但是对开发帮助很大。extjs-2.0.2-debug.zip 如果你想使用修改后的builder.jar文件可以给我留mail。
在开发中,我们只需要使用带有注释的js文件,发布的时候你可以选择压缩版本的。回到IDEA中,在Ext各个组件的方法上按一下Ctrl+Q,你会发现属性和函数的注释都有啦,按下Ctrl+Shift+I就可以看到实现的代码。Spket中关于Ext的文档提示这里全部实现啦。
接下来就是代码提示啦,IDEA的代码提示有两者,Basic和Smart,如在调用Ext.Panel变量的方法时,如果你使用Ctrl+Space,那么会出现很多候选项,有些你可能觉得不靠谱,居然把Button的方法都提示给你,如果你按下Ctrl+Shift+Space,情形就不一样啦,完全都是Panel及其父类的方法,你可以快速选择需要方法或属性。在函数参数输入框内,你按下Ctrl+P会进行各种参数描述提示。
接下来就是关于IDEA对HTML中的ID提示,在IDEA中,HTML的ID是被索引的,这样ID就可以被提示。这样我们推荐你可以将Ext的组件和实际的Div进行关联,可以考虑使用相同的id,因为Component和Element是分开的,不会有什么问题,这样你在Ext.getCmp()和Ext.get()都可以实现代码提示,并且能进行快速定位,同时你查找该id的相关引用也非常方便(Ctrl+Alt+F7)。
IDEA还提供一个比较好的特性就是支持代码导航。如果你想查阅Ext.get的实现,你只要按下Ctrl+Shift+Alt+N,然后输入Ext.get就可以定位该方法。在下来的列表中,你按下Ctrl+Q,同样可以进行文档查看。
IDEA提供的这些通用特性完全对Ext有效,当然Ext还有一些特殊的地方,如Config opitions, json数据结构,config opitions已经在文档中以@config标识出来,下一步就是和相关的json数据结构进行关联。还有就是对CSS的引用,这个在IDEA中也比较容易实现,在后续的开发中会提供这些支持。
最后说一句,IDEA 8.0提供了Javascript Debuger,你调试Javascript应用也非常方便。当然IDEA不只是在Javascript方面优秀,其他如CSS,HTML等方面,功能也非常强大。如果你的Ext代码是和JSP结合的,那么IDEA的功能就更能体现出来啦。可能在某些方面,某些IDE功能很强,但是在处理混合语言时,IDEA还是无人能及的。
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
IntelliJ IDEA插件开发基础(中文).pdf
IntellijIdea开发工具详细使用文档.pdf
IntelliJ IDEA 插件开发入门指南
IntelliJ IDEA 中文指南
。
JAVA开发平台IntelliJ IDEA 开发配置指南,有一定的开发参考价值。
图解Intellij IDEA 入门教程,简单看得见,轻轻松松成为java开发高手
这个手册主要包含以下内容: <br> 开发准备 IntelliJ IDEA的IoC介绍 Extension Points Plugin的结构介绍 使用Maven管理插件项目 IntelliJ IDEA TestCase 开发场景 Virtual File...
IntelliJ Idea下Maven插件使用技巧 标签:Idea Maven IntelliJ Idea下Maven插件使用技巧,对于开发人员快速上手,并可能有效提高开发效率,特将此整理分享给大家。
Intellij Idea插件开发基础文档
Intellij platform plugin开发指导手册,java集成开发环境Intellij idea插件开发,本开发指导手册由上册、下册以及附录三个独立的文档组成,全部手册由四部分内容组成: 第一部分:上册,Intellij platform插件开发...
AndroidStudio确实是一个不错的IDE,它基于 强大的Intellij Idea。俗话说,工欲善其事,必先利其器。有的时候可能我们不太满足 于IDE本身的功能,所以需要对IDE进行扩展来开发它的插件。下面是一个简单的例子,...
intellijidea开发工具文档.rar
intellij_idea开发工具文档,官方中文文档。对于刚接触Intellij idea的同学来说该文档最为适合。
IntelliJ IDEA是java编程语言开发的集成环境,不过官方是英文版的,这是一个汉化包,下载后放至IntelliJ IDEA安装目录的lib目录下就行,重新启动程序就是中文了。
idea使用教程 IntelliJ IDEA 使用教程 ,IntelliJ IDEA 使用教程
intellij_idea 开发工具 简介及使用方法介绍。适合公司及团队内部技术交流使用。
IntelliJ IDEA是java语言开发的集成环境,IntelliJ在业界被公认为最好的java开发工具之一,尤其在智能代码助手、代码自动提示、重构、J2EE支持、Ant、JUnit、CVS整合、代码审查、 创新的GUI设计等方面的功能可以说是...