The title says everything. This post provides detailed steps for eclipse lovers to have them setup their dev environment with ExtJS, jQuery development. At the time of writing this post, Eclipse IDE version is Helios, ExtJS version is 3.2.1
Step 2: Launch Eclipse IDE. Navigate to Menu "Help->Install New Software". Click on "Available Software Sites" link. (You can alternately navigate here by choosing Window->Preferences->Install/Update->Available Software Sites). Click on "Add.." Button and enter Name: Spket, Location: http://www.spket.com/update/
Step 3: After adding the external site, close the dialog and come back to the install wizard. Select the site added in step(2) and it shows you with SpketIDE (IDE, TextEditor, Xerces). Select all and Proceed to Install (installing as plugin to eclipse)
Step 4: After Successful plugin installation in above step. Restart Eclipse.
Step 5: Switch the perspective to Spket IDE. How? In your Eclipse IDE for JS Web developers, Navigate to Window->Open Perspective->Other->Spket IDE (Choose). This is very important step.
Step 9: Expand the "ExtJS" library and select all and close the dialog
Step 11: Create a new project, create sample.js file and start seeing code hints for your code editor in eclipse by hitting cntrl+Space keys
Step 12: Similar way, Repeat Step (7) and Step (8) by adding jQuery library and start seeing jQuery code hints
Start creating a simple app and start seeing the results with-in eclipse -