IDE for Sencha Touch [closed]

Question

I'm new to Sencha touch 2. Is there any Sencha touch IDE(free one)? Basically what I want is when I write something like .. new Ext and just give space+cntrl so there should be list of all the methods and properties of it. OR is there any way through which I can add sencha touch javascript libraries in eclipse ? Like we do with Komodo Editor. In komodo Editor you just need to add the javascript library and it will automatically fetch all the functions,methods,and properties that resides in that library file.

Thanks in Advance :)

Answer 1

Before we start please download the following files:

1. sencha-touch-2.0.0-gpl.zip or sencha-touch-2.0.0-commercial.zip
2. SenchaSDKTools-2.0.0-beta3

3. Aptana Studio 3

4. Extract sencha-touch-2.0.0-(gpl.zip/commercial.zip) to a place of your liking (Note it will stay there for a long time)

5. SenchaSDKTools-2.0.0-beta3 and/or install it
6. open up the terminal or command prompt
7. cd into the folder of Sencha Touch SDK (sencha-touch-2.0.0-(gpl/commercial)
8. write: sencha generate app APP_NAME APP_PATH
9. hit enter (return)
10. extract/install Aptana studio
11. Open up Aptana studio
12. Click the help menu
13. Choose Install New Software
14. A window will open click Add
15. Name it Spket IDE then enter the url http://www.agpad.com/update
16. Press OK
17. Choose everything then click Next
18. Click next
19. Read the license ( like everyone does, NOT!), and then accept if you want, then press next
20. Wait for the install to complete (Restart if required)
21. Go to Preferences
22. Navigate to Spket then JavaScript Profiles
23. Click Add
24. Type Sencha
25. Press Ok
26. Highlight Sencha
27. Click Add Library, Select ExtJs
28. Highlight ExtJs then click Add file
29. Choose touch.jsb3 from the folder you extracted the Sencha Touch SDK 2.0.0 in
30. Select all items in the tree
31. Highlight Sencha then click default
32. Press ok
33. File > New > Other > General > Project
34. uncheck the box that says to use the default location
35. Browse to the project you created earlier
36. Type the name of the project (preferably exactly the same name as it’s folder)
37. Press finish
38. expand the view folder and open the Main.js
39. type Ext. if the auto complete doesn’t pop up type crtl + space

I have created a detailed tutorial with pictures for this specific reason, Please let me know what do you think and how it worked out :)