1、下載并解壓縮extjs
2、下載eclipse及Eclipse AJAX Toolkit Framework(ATF)
本人一直習(xí)慣使用eclipse作為開(kāi)發(fā)環(huán)境，各種開(kāi)源的plugin使eclipse有全能的表現(xiàn)，運(yùn)行效率也較其它IDE高。
ATF包括一個(gè)Mozilla瀏覽器，在eclipse中切換到"Mozilla視圖"后,開(kāi)發(fā)人員能進(jìn)行html、dom、css的調(diào)試。但是 如果要單步調(diào)試javascript，必須安裝dojo或其它幾個(gè)ajax開(kāi)發(fā)框架，否則不能進(jìn)行javascript調(diào)試。不明白javascript 調(diào)試功能為何非要和dojo捆綁在一起，本人沒(méi)用過(guò)dojo，不能在eclipse里調(diào)試javascript，這一點(diǎn)有些不爽。
ATF的安裝稍微有些復(fù)雜，有一些Prerequisites要求先安裝，幸好安裝步驟在Eclipse網(wǎng)站上有說(shuō)明，使用Eclipse的'Software Updates'來(lái)安裝，有一步驟是配置JSLint
3、下載并安裝JSEclipse
JSEclipse是一個(gè)eclipse plugin，作為javascript編輯器，使代碼有顏色區(qū)分、代碼格式化和輔助編碼功能
4、下載并安裝firefox和firebug
由于eclipse中沒(méi)有裝dojo不能進(jìn)行javascript調(diào)試，所以本人下載并安裝firefox和firebug。firebug是 firefox的plugin，功能類(lèi)似ATF，能夠進(jìn)行javascript、html、dom、css調(diào)試，而且firebug中用鼠標(biāo)捕獲html 元素比ATF的方便，ATF中捕獲html元素對(duì)含有extjs的Layout界面的支持不太好。
ATF和firebug可以互為補(bǔ)充使用，個(gè)人覺(jué)得比dreamweaver和ms的東東好，小巧靈活性能好，不要錢(qián)，獲取方便，嘿嘿！
5、從extjs論壇上下載并安裝JSEclipse plugin Ext of the code completion library:
http:///forum/showthread.php?t=6112
這個(gè)東東可完善JSEclipse對(duì)extjs的代碼自動(dòng)完成功能，見(jiàn)論壇中的說(shuō)明
6、Ext Debug Console
只要頁(yè)面中包含ext-all-debug.js，按control+shift+home，會(huì)出現(xiàn)一個(gè)界面，可看到html結(jié)構(gòu)，進(jìn)行html和css調(diào)試，也是一個(gè)好東東！
7、在開(kāi)發(fā)測(cè)試階段，不要使用ext-all.js，因?yàn)樵撐募菈嚎s的js文件，不方便閱讀調(diào)試，以ext-all-debug.js代替，在生產(chǎn)環(huán)境中再使用ext-all.js
這些天看了aptana,感覺(jué)比jseclipse好用多了,不過(guò)機(jī)器的內(nèi)存好大一點(diǎn),具體裝配置見(jiàn):
http:///blog/2007/06/29/building-a-desktop-application-with-ext-air-aptana-and-red-bull/
由于extjs的api doc不完整,有經(jīng)驗(yàn)的extjs使用者可以通過(guò)閱讀extjs的源碼,以得到未在文檔中公開(kāi)的widgets、function、變量，可以得到事半功 倍的效果！這一點(diǎn)對(duì)使用extjs進(jìn)行開(kāi)發(fā)非常有幫助，一般主要參考source/widgets目錄下的源碼。另外,使用firebug進(jìn)行單步調(diào)試 時(shí),可以在向watch面板添加變量,通過(guò)展開(kāi)層次視圖,就可以了解到可以訪問(wèn)的屬性和方法。
按裝aptana和adobe AIR后的代碼輔助功能（eclipse中創(chuàng)建AIR工程）：
ATF中調(diào)試css:
Firebug中調(diào)試javascript:
Spket IDE是目前支持Ext 2.0最為出色的IDE。 它采用.jsb project file 文件并將繼承于基類(lèi)和所有文檔的內(nèi)容嵌入到生成代碼提示的Script doc中。
由于Spket只是一個(gè)單純的編輯器，沒(méi)有其它格式的支持（如CSS），所以我的做法是用它的Eclipse插件形式，
啟動(dòng)ECLIPSE Help → Software Updates → Find and Install… → Search for new features to install → New remote site…
名稱(chēng): “Spket”，地址URL是http://www./update/
完成后重啟（自動(dòng)會(huì)加載插件，也可CMD ECLIPSE目錄 使用命令 eclipse -clean 重新編譯）
Window → Preferences → Spket → JavaScript Profiles → New ；
輸入“ExtJS”點(diǎn)擊OK；
選擇“ExtJS” 并點(diǎn)擊“Add Library”然后在下拉條中選取“ExtJS”；
選擇 “ExtJS”并點(diǎn)擊“Add File”，然后在你的./ext-2.x/source目錄中選取“ext.jsb” 文件；
選擇你想加載的插件
設(shè)置新的ExtJS Profile，選中并點(diǎn)擊“JavaScript Profiles” 對(duì)話框右手邊的“Defalut”按鈕；
JS打開(kāi)方式為 Window → Preferences → General→ Editors→ File...
選擇JS 或者新創(chuàng)建 設(shè)置默認(rèn)打開(kāi)方式 為 Spket JavaScript Editor(default)
OK本人已經(jīng)成功使用MYECLIPSE6。1，打開(kāi)你的JS吧。盡情的Ext點(diǎn)點(diǎn)點(diǎn)點(diǎn)吧??！屬性支持類(lèi)似JAVA類(lèi)，聲明后才可以獲得屬性，Spket 還封裝了JS常用函數(shù)。EXT編寫(xiě)環(huán)境已經(jīng)捆饒以久，可是說(shuō)Spket+EXT是最完美的編寫(xiě)EXT環(huán)境。
注：也適用過(guò)com.interaktonline.jseclipse插件，感覺(jué)功能不多（部分沒(méi)有更新），EXT本身也不支持。。加載的是XML格式文件，所以推薦使用EXT本身支持的ext.jsb
