IDEs, plugins and tools for Ext JS 2.0
The Ext 2.0 API is very extensive and remembering all of the functions, properties or configs available is virtually impossible. The API documentation is very thorough, but it would be nice if IDEs would provide code assist options in JavaScript as they do in other languages such as Java and C#. Luckily, there are some IDEs and plugins available that do just that -- and also have direct support for Ext 2.0. Aptana Studio When it comes to IDEs for JavaScript development, Aptana is definitely hard to miss. I personally use it daily for Adobe AIR development. However, the version of Ext (1.1) bundled with Aptana for code assist is a little outdated. Markus Schmidleitner has created an Ext 2.0 Aptana plugin that works very well. To install it:- Download and install Aptana Studio.
- Open up your Aptana application directory (for me that is C:\Aptana) and copy the jar file into the plugins folder.
- Restart Aptana.
- Go to Window -> Preferences -> Aptana -> Editors -> JavaScript -> Code Assist and select Ext 2.0 (you may need to deselect Ext 1.1).
Aptana Studio with Ext 2.0 code assist
- Download and install Aptana Studio (includes Eclipse).
- Start Aptana and navigate the application menu to: Help ? Software Updates ? Find and Install... ? Search for new features to install ? New remote site...
- Name: "Spket", Url: "http://www.spket.com/update/"
- Restart Aptana
- Watch this Spket IDE Tutorial to see how to easily add Ext code assist (you can point it at the latest /src/ext.jsb to keep code assist up to date with the latest Ext version). The steps are basically:
- Window ? Preferences ? Spket ? JavaScript Profiles ? New
- Enter "ExtJS" and click OK
- Select "ExtJS" and click "Add Library", then choose "ExtJS" from the dropdown
- Select "ExtJS" and click "Add File", then choose the "ext.jsb" file in your "./ext-2.x/source" directory
- Set the new ExtJS profile as the default by selecting it an clicking the "Default" button on the right-hand side of the "JavaScript Profiles" dialog.
- Restart Aptana
- Create a new JS file and type: Ext. and you should get the Ext Code completion options.
Since you will have installed it as a plugin in Aptana, chances are Aptana will still be your default JS editor. So to try Spket, you need to right click on a file and select Open with -> Spket JavaScript Editor.
Spket in Aptana with full documentation and code assist
- Download and install Komodo Edit.
- Download the API catalog.
- Go to Edit -> Preferences -> Code Intelligence and select the "Add an API catalog" button below the "API Catalog" section.
- Select the ExtJS API catalog CIX file you downloaded above.
Komodo with Ext JS code intelligence
Config option code assist
Members code assist
There are 49 responses. Add yours.
Blog » Blog Archive » IDEs, plugins an
4 years ago[...] Jack Slocum wrote an interesting post today on IDEs, plugins and tools for Ext JS 2.0Here’s a quick excerptThe Ext 2.0 API is very extensive and remembering all of the functions, properties or configs available is virtually impossible. The API documentation is very thorough, but it would be nice if IDEs would provide code assist options in … [...]
Gary Gilbert
4 years agoThanks a lot for the tip Jack, I have a hell of a time trying to remember all the methods for all the functions, actually I don’t remember any of them, my brain is full! The eclipse plugin will help with that.
ps what cool AIR apps are you working on and when can we see em
Daniel Schmitz
4 years agoits possible add a Ext Outline on Aptana ?
Jack Slocum
4 years agoDaniel, the Aptana outline will work with Ext.extend() in all cases except a direct Ext.extend(Class, {overrides}) with no constructor.
Gary, we will have something out real soon including an application sandbox friendly version and some new APIs.
mdm-adph
4 years agoHey, if I didn’t know any better I’d say you’ve been reading my blog…
(No, I know—lots of us are using Aptana now.)
Just started using Aptana and the Ext 2.0 Plugin within the past month—seriously, it’s like a whole different world actually programming in an IDE made with JavaScript in mind.
Vinny Carpenter’s blog - » Daily del.i
4 years ago[...] Ext JS Blog - » IDEs, plugins and tools for Ext JS 2.0 - The Ext 2.0 API is very extensive and remembering all of the functions, properties or configs available is virtually impossible. The API documentation is very thorough, but it would be nice if IDEs would provide code assist options in JavaScript as they d [...]
Developing with ExtJs | foojam.com
4 years ago[...] Ext JavaScript framework site has a good article regarding how to setup different IDEs, plugins, and tools to help during development with Ext 2.0. If you’re using Ext in a project, this is a good [...]
prophet
4 years agoExcellent!
Eric Suen
4 years agoVery nice, I just want to say that since version 1.6.6, Spket IDE also support code completion for Adobe AIR APIs, take a look at http://www.spket.com/ext-air-tutorials.html see how to using Ext and Adobe AIR at same time…
Steve’s Blog » Blog Archive » Ex
4 years ago[...] Ext JS Blog - » IDEs, plugins and tools for Ext JS 2.0 [?] Share This Read More Post a Comment [...]
Frank
4 years agoTranslation support for Chinese User is available. I post it on a Java forum where Ext is hot in China mainland.
http://www.javaeye.com/topic/161161
Web 2.0 Announcer
4 years agoIDEs, plugins and tools for Ext JS 2.0…
[...]The Ext 2.0 API is very extensive and remembering all of the functions, properties or configs available is virtually impossible. The API documentation is very thorough, but it would be nice if IDEs would provide code assist options in JavaScript a…
Jack Slocum
4 years agoThanks for the tip Eric, I didn’t know about support for the AIR APIs as well.
jiasz
4 years ago????????????????????????thank you!!
jiasz
4 years ago??????
chazmatazz
4 years agoJack, the current version of Aptana (1.1.0) has Ext 2.0 support right out of the box. In the references panel, select global references and then Ext 2.0
heathbobby
4 years agoI would greatly like to see the Ext style documentation generator released to the public.
Ajaxian » Ext JS IDE Support Roundup
4 years ago[...] they offer for the various JavaScript libraries. Ext’s uber-coder, Jack Slocum, has put up a blog entry explaining which IDEs support the Ext JS framework: The Ext 2.0 API is very extensive and remembering all of the functions, properties or configs [...]
renodino
4 years agoWhile Ext 2.0 is great, some (many ?) of us consider Eclipse based IDEs to be flying pigs. And the other options aren’t really IDEs, just smart edittors.
Given that Ext is all about writing “real” apps in browsers, are there any plans for a browser based IDE (“BBIDE”), ala TIBCO GI ? I’d consider that as a major killer app, and a great way to show exactly what Ext can do.
Ajax Girl » Blog Archive » Ext JS IDE
4 years ago[...] they offer for the various JavaScript libraries. Ext’s uber-coder, Jack Slocum, has put up a blog entry explaining which IDEs support the Ext JS framework: The Ext 2.0 API is very extensive and remembering all of the functions, properties or configs [...]
Jon Davis
4 years ago“Select ‘ExtJS’ and click ‘Add File’, then choose the ‘ext.jsb’ file in your ‘./ext-2.x/source’ directory”
Please be consice. By default, opening the open file browse button takes the user to My Documents (in Windows), so “./ext-2.x/source” is invalid, and at this time I don’t know where to track it down ....
Jon
Jon Davis
4 years agok got it.. the .jsb is in the ExtJS SDK, source directory
Javascript News » Blog Archive » Ext J
4 years ago[...] they offer for the various JavaScript libraries. Ext’s uber-coder, Jack Slocum, has put up a blog entry explaining which IDEs support the Ext JS framework: The Ext 2.0 API is very extensive and remembering all of the functions, properties or configs [...]
naxo
4 years agoI found a little bug on Aptana Plugin.
At Samples View, when I try to preview sample (right click on a sample), I got a an alert message (‘Ext’ is not defined).
Any way, good work!!! and thanks!!!
naxo
4 years agohi,
checking code of project, I have realised the bug is the references to ext library on each sample.
I mean. e.g., at “forum” sample in forum.html file the reference to ext library is
and should be
naxo
4 years agohi, sorry about previous comment.
checking code of project, I have realised the bug is the references to ext library on each sample.
I mean. e.g., at “forum” sample in forum.html file the reference to ext library is
src=”../../adapter/ext/ext-base.js”
and should be
src=“lib/ext/adapter/ext/ext-base.js”
Cindy
4 years agoHi Jack,
Thank you for your feedback. We’d like to post your comment on the Komodo Edit testimonial page. Would that be okay with you?
“Komodo Edit has the strongest support for editing multiple types of files, including Perl, PHP, Python, Ruby and Tcl; plus support for browser-side code including JavaScript, CSS, HTML and XML.”
In return, we’re happy to send you a t-shirt and a mug. Please let me know your t-shirt size, delivery address and phone number, and we’ll send the package along shortly.
napyfab:blog» Blog Archive » links for
4 years ago[...] Ext JS Blog - » IDEs, plugins and tools for Ext JS 2.0 (tags: extjs javascript ide ajax development plugin programming editor eclipse ext aptana css) [...]
Jack Slocum
4 years agoSure Cindy. I will send you an email shortly.
Eric Suen
4 years agoHi Jim, If you have problem install Spket, you can post your question at http://forums.spket.com I tri,ed Eclipse 3.2.1, and everything works fine.
Ext JS ??-?????? » Blog Archive » ExtJ
4 years ago[...] ???????????? ?????? ?? ??????????: IDEs, plugins and tools for Ext JS 2.0 [...]
Eric Suen
4 years agoHi, for those who using Visual Studio 2008, you can downlad JavaScript Intellisense for Ext 2.0.1 here: http://www.spket.com/ext-intellisense-visual-studio.html
CB
4 years agoHi I just installed Aptana IDE for extjs .. Really brilliant . Can someone help me in integrating the documentation to the IDE for extjs. Thanks in advance.
20080214 - ????? - ???? Jacky’s Blog
4 years ago[...] IDEs, plugins and tools for Ext JS 2.0 ?????? ext2 ? ide ??? [...]
Enzo Nieri
4 years agoHi! Any options with adding support to NetBeans? Thanks!
Irfan Ahmad
4 years agoIs there any IDE, plugin or tools available for ExtJS 1.1.1 ?
Eric Suen
4 years agoHi, Spket IDE support Ext 1.x - 2.x, If you using Dreamweaver, SpketDW also support Ext 1.x - 2.x, currently SpketDWCS only for Ext 2.0.1
dav
4 years agohello,
is it possoble to install this extension on Zend Studio for Eclipse?
Mikhus
4 years agoMay be anybody knows is there any solutions to integrate Extjs plufin into Zend Studio For Eclipse?
Thanks in advance!
Eric Suen
4 years agoYou can install Spket as plugin in Zend Studio, just the same way to intall Spket plugin in Aptana, they both based on Eclipse
Mikhus
4 years agoThank you Eric! Your advise was very usefull!
Cisco
4 years agoGood news. Thanks for clause. I shall go to search for the information on the given theme further
links for 2008-02-28 « Mike Does Tech
4 years ago[...] Ext JS Blog - » IDEs, plugins and tools for Ext JS 2.0 (tags: extjs development eclipse) [...]
Juank
4 years agoOpensuse 10.3 + Zend for Eclipse + Spket = great IDE
carlopires
4 years agoUbuntu + Eclipse + Aptana + Spket = perfect Linux IDE for Javascript. Thanks a lot!
buntyindia
4 years agoWhat about Netbeans Support?
linux_china
4 years agoI use IntelliJ IDEA, and it is perfect, screenshot is http://www.intellij.org.cn/portal/images/stories/artciles/ext/jsdoc.png
For Chinese reader, please reference http://www.intellij.org.cn/portal/index.php?option=com_content&task=view&id=271&Itemid=1
cool tees
4 years agocool tees
Other scheduled SXSW 2007 speakers, thus far, are: Jeffrey Abramson (Gen Art), Paul Bales (SAGIndie), Steven Beer (entertainment attorney), Eamonn Bowles (Magnolia Pictures), Michael Burns (The Documentary Channel), Anne del Castillo (POV), Sean Farnel…
Pieter blogt » EXT Js code completion Zend S
3 years ago[...] Download EXT Js http://extjs.com/products/extjs/download.php?dl=extjs22 [...]
Comments are Gravatar enabled. Your email address will not be shown.
Commenting is not available in this channel entry.