`

JAVA开发工具 - 在IntelliJ IDEA下开发ExtJS应用指南

阅读更多
JAVA开发工具 - 在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还是无人能及的。
分享到:
评论

相关推荐

    vscode-intellij-idea-keybindings, vs 代码的IntelliJ IDEA 键绑定端口.zip

    vscode-intellij-idea-keybindings, vs 代码的IntelliJ IDEA 键绑定端口 用于 Visual Studio 代码的 IntelliJ IDEA 键绑定 vs 代码的IntelliJ IDEA 键绑定端口。 包括 keymaps,WebStorm,PyCharm,PHP Storm等流行...

    面向对象的软件构造导论实验课---IntelliJ IDEA软件实现---Java语言编写---单机版飞机大战

    面向对象的软件构造导论实验课---IntelliJ IDEA软件实现---Java语言编写---单机版飞机大战。 这个是单机版飞机大战的完整文件包,解压后即可运行。 不过还是,建议大家还是去看我写的文章: ...

    idea cocos2d-x cocos-intellij-plugin-2.0.0-beta.zip

    在本文中,我们将深入探讨如何利用IntelliJ IDEA,一个备受赞誉的Java集成开发环境,通过安装并使用“cocos-intellij-plugin”插件,提升Cocos2d-js的开发效率。 首先,我们要明确“cocos-intellij-plugin-2.0.0-...

    IntellijIdea开发工具详细使用文档.pdf

    IntelliJ Idea开发工具详细使用文档 IntelliJ IDEA是一款功能强大且灵活的集成开发环境(IDE),由 JetBrains 公司开发。它支持多种编程语言,包括 Java、Groovy、Kotlin、Scala 等。下面是 IntelliJ IDEA 的详细...

    Intellij Idea开发工具详细使用文档.pdf

    本文档将详细讲解IntelliJ IDEA的使用方法,帮助开发者更好地掌握这款强大的开发工具。 一、JetBrains IntelliJ IDEA 9.0.4介绍 IntelliJ IDEA 9.0.4是该系列的一个版本,它提供了一系列增强的功能和改进,包括对...

    java基础知识学习教程-2IntelliJ IDEA.pptx

    在学习Java编程时,选择合适的开发工具至关重要,而IntelliJ IDEA作为一款强大的集成开发环境(IDE),因其高效、易用的特点,深受开发者喜爱。本教程将引导初学者逐步了解并掌握IntelliJ IDEA的使用。 2.2 接触...

    IDEA热部署修改mybatis映射文件工具 jr-ide-intellij-nightly.zip

    【标题】"IDEA热部署修改mybatis映射文件工具 jr-ide-intellij-nightly.zip" 描述了一款专门针对IntelliJ IDEA开发的插件,该插件旨在解决在开发过程中MyBatis映射文件(XML配置文件)无法实现热部署的问题。...

    2018年Java集成开发工具IntelliJ IDEA参考视频教程合集

    根据给定文件的信息,我们可以提炼出关于2018年Java集成开发工具IntelliJ IDEA的相关知识点,主要包括IntelliJ IDEA的基本介绍、安装配置过程、常用功能与技巧、以及如何利用该工具进行高效的Java开发等内容。...

    IntelliJ IDEA 中文指南.pdf

    文档不仅涵盖了安装配置、基础操作,还深入到了插件应用、快捷键操作、项目管理以及DevOps实践等多个方面,对于任何希望使用IntelliJ IDEA提高开发效率的Java开发者来说,这份指南都是一个宝贵的资源。

    comate-intellij-2.3.0.zip

    IntelliJ IDEA是一款非常流行的Java开发集成环境,由JetBrains公司开发。这个插件可能是由第三方开发者创建的,用于扩展IDE的功能,以满足特定的需求或提升开发效率。 在描述中,我们同样看到"comate-intellij-...

    jr-ide-intellij-2021.3.1.zip

    6. 安装完成后,重启IntelliJ IDEA,新插件应该已经在工具栏或相关菜单中可用。 需要注意的是,不是所有的插件都可以通过这种方式安装,有些可能需要通过IntelliJ IDEA的内置插件市场直接搜索并在线安装。另外,...

    JAVA开发IDE工具IntelliJ IDEA配置文件

    该配置文件是JAVA开发IDE工具IntelliJ IDEA个人经常开发时用的配置信息,常用的配置内容如git,code style,editor以及编程开发最好用的字体Source Code Pro都在里面,能满足编程开发的基本要求。

    download-IntelliJ-IDEA13基础教程

    download-IntelliJ-IDEA13基础教程 download-IntelliJ-IDEA13基础教程 download-IntelliJ-IDEA13基础教程 download-IntelliJ-IDEA13基础教程

    Hyperledger Fabric fabric-java-sdk 使用 intellij idea 测试 End2endIT.docx

    - **IntelliJ IDEA**:一款强大的Java集成开发环境,广泛应用于Java项目的开发。其丰富的功能支持和优秀的插件生态使得IntelliJ IDEA成为众多开发者的选择。 - **fabric-java-sdk**:Hyperledger官方提供的Java SDK...

    Java开发环境配置“IntelliJ IDEA”

    IntelliJ IDEA是一款强大的Java集成开发环境,它以其卓越的代码智能提示、重构能力、对Java EE的全面支持以及丰富的版本控制工具(如Git、SVN)和代码分析功能而备受赞誉。这款IDE由捷克的JetBrains公司开发,该公司...

    idea-IntelliJ IDEA详细配置和使用教程 - CSDN博客1

    IntelliJ IDEA是一款深受开发者喜爱的Java集成开发环境,它以其强大的代码自动补全、重构功能和优秀的用户体验而闻名。本教程将详细介绍IntelliJ IDEA的详细配置和使用技巧,帮助开发者提高编码效率。 首先,关于...

    intellij-java-google-style.xml

    intellij-java-google-style.xml 提供给intellij-idea的代码格式化模板,代码更加整洁,提升团队合作效率

    基于Kotlin语言的xmake-idea Intellij IDEA插件设计源码

    该项目为基于Kotlin语言的xmake-idea Intellij IDEA插件设计源码,包含95个文件,其中包括39个Kotlin源文件、39个PNG图片、3个Markdown文件、2个HTML...插件集成了xmake工具,旨在提升Intellij IDEA的构建和开发效率。

    intellij idea开发工具文档

    ### IntelliJ IDEA 开发工具知识点详解 #### 一、JetBrains IntelliJ IDEA 9.0.4 简介 IntelliJ IDEA 是一款由 JetBrains 公司开发的强大且全面的 Java 集成开发环境(Integrated Development Environment, IDE)...

    docker-intellij-idea, IntelliJ IDEA的Dockerfile文件类型( 语法高亮).zip

    docker-intellij-idea, IntelliJ IDEA的Dockerfile文件类型( 语法高亮) 安装将 Dockerfile.xml 复制到 <YOURIDE_config_folder>/filetypes 并重新启动 IDE ( 想法/PhpStorm ) 。 OS Xcurl --create-dirs

Global site tag (gtag.js) - Google Analytics