Pieter blogt

EXT Js code completion Zend Studio for Eclipse

11.17.2008 | 6:32 pm | Code

Usage of EXT Js code completion in Zend Studio for Eclipse

1. Download EXT Js http://extjs.com/products/extjs/download.php?dl=extjs22
2. Extract to C:\Program Files\Zend\Zend Studio for Eclipse – 6.1.0\plugins
3. Start Zend Studio for Eclipse
4. Help → Software Updates → Find and Install… → Search for new features to install → New remote site
5. Name: “EXT Js”, Url: “http://www.spket.com/update/”
6. Restart Zend Studio for Eclipse
7. Window → Preferences → Spket → JavaScript Profiles → New
8. Enter “ExtJs” and click OK
9. Select “ExtJs” and click “Add Library”, then choose “ExtJS” from the dropdown
10. Select “ExtJs” and click “Add File”, then choose the “ext.jsb” file in your “C:\Program Files\Zend\Zend Studio for Eclipse – 6.1.0\plugins\ext-2.2\source” directory
11. Check all possible options
12. 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.
13. Window → Preferences → General → File Associations → *.js to Spket Javascript Editor (set to default)
14. Restart Zend Studio for Eclipse
15. Create a new JS file and type: Ext. and you should get the Ext Code completion options.

(Original tutorial: http://extjs.com/blog/2008/02/01/ides-plugins-and-tools-for-ext-js-20/)

Have fun