PDA

View Full Version : Aptana IDE support for Ext JS4



aacoro
15 Sep 2011, 7:10 AM
Hi All,

Does anyone know if there is a bundle / plugin for code completion for IDE Aptana? (for Ext JS4 and not 2)

Notepad++ worked so far but for real JS application it is not the best bet for me, and I do not have TextMate or E TextEditor.

Thanks.

burnnat
15 Sep 2011, 8:20 AM
Aptana is built on the Eclipse SWT, right? If so, I think you should be able to install any Eclipse plugin into it. I don't use Aptana, but I do use the Spket (http://www.spket.com/) plugin for Eclipse - you could try installing it in Aptana and see what happens. It requires a little bit of setup to work with ExtJS 4 (detailed on the Spket forums here (http://forums.spket.com/viewtopic.php?f=6&t=1866)), but I was able to get it working without too much trouble, and I absolutely love it.

aacoro
15 Sep 2011, 8:51 AM
Aptana is built on the Eclipse SWT, right? If so, I think you should be able to install any Eclipse plugin into it. I don't use Aptana, but I do use the Spket (http://www.spket.com/) plugin for Eclipse - you could try installing it in Aptana and see what happens. It requires a little bit of setup to work with ExtJS 4 (detailed on the Spket forums here (http://forums.spket.com/viewtopic.php?f=6&t=1866)), but I was able to get it working without too much trouble, and I absolutely love it.

Yes, aptana is build on the Eclipse SWT, as far as I know. Thanks i will have a look at it.

aacoro
15 Sep 2011, 9:25 AM
Yes, aptana is build on the Eclipse SWT, as far as I know. Thanks i will have a look at it.

If you use Eclipse (based IDE)

Install the Spyket plugin (download site (http://www.spket.com/update/))
Download com.spket.js_1.6.18.jar (http://www.agpad.com/downloads/com.spket.js_1.6.18.jar) into eclipse\plugins\
Download ext-4.0.2a.jsb2 (http://www.agpad.com/downloads/ext-4.0.2a.jsb2) into Ext root folder
Select the menu item Window > Preferences... to open the workbench preferences.
Select the Spket > JavaScript Profile preference page to display the installed JavaScript Profiles.
Click the New.. button. In the Name field, type Ext as the name for the new profile. Then click OK.
Click the Add Library button. From the Library drop-down list, select ExtJS. Then click OK.
Click the Add File button, choose ext-4.0.2a.jsb2 which can be found in Ext (http://extjs.com/) source folder
Select the Ext profile created in step 3, click the Default button make it the default profile for all project. The default profile can also be configured per project by using Configure Project Specific Settings... link.
Click on OK to save the preferences.
And still does not work... hmm

burnnat
16 Sep 2011, 6:05 AM
Have you tried refreshing the profile (Right-click project->Reload JavaScript Profile)? You may have to refresh it once for the profile changes to get picked up...

davout
19 Oct 2011, 8:58 PM
Tried following your instructions, only for step 8 I can't find an 'ext.jsb' file in the eval version of extjs4 I've downloaded.

burnnat
20 Oct 2011, 6:16 AM
That looks like a typo, it should be the ext-4.0.2a.jsb2 file you downloaded in step 3.

davout
20 Oct 2011, 6:39 AM
there are no '.jsb2' files in the download I have

burnnat
20 Oct 2011, 6:41 AM
That's correct, it is no longer bundled with Ext. You need to download it separately, using the link (http://www.agpad.com/downloads/ext-4.0.2a.jsb2) in step 3 above, and then save it into the Ext root directory.

bee
20 Oct 2011, 7:02 AM
are these steps to be used for aptana studio 2.0 std version which includes eclipse plugin ?

burnnat
20 Oct 2011, 7:06 AM
Theoretically, I can't think of any reason why it shouldn't work with Aptana Studio 2, but since I don't use Aptana myself, I've never actually tried it. ;)

bee
20 Oct 2011, 7:48 AM
Basically I have Eclipse IDE for javascript developers and Spket Text editor plugin (1.6.18),xerces for Spket IDE (2.8.0), when i was doing with extjs 2.0 initially it didnt work at all. so I left thinking about it, but this thread made to me to think about it again ;).
I have aptana studio3.0 installed. let me know which should I use for above steps eclipse or aptana. topic title says aptana ide , but later in steps it is mention that eclipse ide. which one :))

burnnat
20 Oct 2011, 7:55 AM
It should work for any of them really - if you have one you prefer, go with that. The reason Eclipse is mentioned is because Eclipse IDE, Spket IDE, and Aptana Studio are all build off of the Eclipse Rich Client Platform. What this means is that (barring any weird dependency issues) the same plugin can be used in any of them. I already have Eclipse for Java development, and didn't want to have to switch between editors all the time, so I chose to install the Spket plugin to Eclipse. Maybe you'd prefer to have it in Aptana if you already use Aptana a lot, or maybe you'd prefer to have a separate ExtJS-dedicated IDE. The choice is one of personal preference - whatever will make you happiest and most productive!

bee
20 Oct 2011, 8:05 AM
U r rocking man,.,!! Its working.. :).. thx a mill. it is working for eclipse I will try this for aptana later.

burnnat
20 Oct 2011, 8:07 AM
Excellent - I'm glad to hear it! It's always nice to add another person to the Spket club. B)

davout
20 Oct 2011, 9:40 AM
As a complete beginner to Aptana and extj4 can somebody help me with some ***** level instructions on how to build a hello world extjs4 app.

I have the following hello world app...


Ext.application({
name: 'HelloExt',
launch: function() {
Ext.create('Ext.container.Viewport', {
layout: 'fit',
items: [
{
title: 'Hello Ext',
html : 'Hello! Welcome to Ext JS.'
}
]
});
}
});


In Aptana after creating a new web app...

How do I link/associate the project to ext js4? Do I have to copy the ext js and resources files into the Aptana project?
How do I execute the index.html to show the hello world app running?
TIA

aacoro
23 Oct 2011, 10:00 PM
I have corrected the steps... and an update works for me :-)
although I have switched from a PC to Mac and now i use Sublime Text 2! Its just amazing!

aacoro
23 Oct 2011, 10:12 PM
As a complete beginner to Aptana and extj4 can somebody help me with some ***** level instructions on how to build a hello world extjs4 app.

I have the following hello world app...


Ext.application({
name: 'HelloExt',
launch: function() {
Ext.create('Ext.container.Viewport', {
layout: 'fit',
items: [
{
title: 'Hello Ext',
html : 'Hello! Welcome to Ext JS.'
}
]
});
}
});


In Aptana after creating a new web app...
How do I link/associate the project to ext js4? Do I have to copy the ext js and resources files into the Aptana project?
How do I execute the index.html to show the hello world app running?
TIA

Hi davout,

Did you following the getting started stuff? Link: http://www.sencha.com/learn/getting-started-with-ext-js-4/

How do I link/associate the project to ext js4?
Do I have to copy the ext js and resources files into the Aptana project?

When you create an project you create js, css, images folders? The js folder could contain your Ext JS app code. And in the root you place your index.html

How do I execute the index.html to show the hello world app running?
In the index you reference to you app like this:


<script type="text/javascript" src="js/app.js"></script>


Jozef did also a tutorial but this one is shortened: http://www.sencha.com/learn/basic-page-setup/
(http://www.sencha.com/learn/basic-page-setup/)
Good luck!

davout
23 Oct 2011, 10:40 PM
Can I run this stuff under Tomcat?

aacoro
23 Oct 2011, 10:45 PM
Can I run this stuff under Tomcat?

I run it also under tomcat :-) ~o)

davout
23 Oct 2011, 11:17 PM
I can't see any instructions for how I start the web app under Tomcat from within Aptana