Ext 2.0的API包含許多的方法(函數)、屬性和配置項,涵蓋的面非常大,要全部列出幾乎是不可能的。雖然API文檔是童叟無欺精心打造的,但實際開發中,若果能夠像其它語言Java和C#那樣地支持JavaScript代碼提示,那就更好啦。可喜的是,有若干的開發環境(IDE)和插件能夠支持--并且是直接支持Ext 2.0。
Aptana Studio
一談到JavaScript的開發工具,就不得不提Aptana了。就我實際工作來說,每天都用它來完成Adobe AIR的工作。但是Aptana當前捆綁的Ext的版本有些舊(1.1的),下面就介紹一個插件的安裝方法,讓Aptana支持到2.0(由Markus Schmidleitner提供,用起來還不錯):
1.下載并安裝Aptana Studio;
2.打開你的Aptana程序目錄(我這兒是C:\Aptana),復制jar格式的文件到plugins目錄;
3.重啟Aptana;
4.進入Window -> Preferences -> Aptana -> Editors -> JavaScript -> Code Assist選擇Ext 2.0(或要反選Ext.1.1)。
Aptana Studio with Ext 2.0 code assist
Spket Eclipse插件與IDE
Spket IDE是目前支持Ext 2.0最為出色的IDE。 它采用.jsb project file 文件并將繼承于基類和所有文檔的內容嵌入到生成代碼提示的Script doc中。
由于Spket只是一個單純的編輯器,沒有其它格式的支持(如CSS),所以我的做法是用它的Eclipse插件形式,安裝到Aptana。安裝辦法如下:
1.下載安裝Aptana Studio(包含有Eclipse);
2.啟動Aptana并打開程序菜單到:Help → Software Updates → Find and Install… → Search for new features to install → New remote site…
3.名稱: “Spket”,地址URL是http://www.spket.com/update/
4.重啟Aptana;
5.觀看一下這個SketIDE的教程,看看Ext代碼提示的功能有多省事(你可以修改/src/ext.jsb 保持最新版的Ext),基本步驟如下:
- Window → Preferences → Spket → JavaScript Profiles → New ;
- 輸入“ExtJS”點擊OK;
- 選擇“ExtJS” 并點擊“Add Library”然后在下拉條中選取“ExtJS”;
- 選擇 “ExtJS”并點擊“Add File”,然后在你的./ext-2.x/source目錄中選取“ext.jsb” 文件;
- 設置新的ExtJS Profile,選中并點擊“JavaScript Profiles” 對話框右手邊的“Defalut”按鈕;
- 重啟Aptana;
- 創建新的JS文件并輸入: Ext這樣就可設置Ext Code代碼自動完成的功能。
由于你是在Aptana中安裝插件的,Aptana還是你默認的JS編輯器,所以要試用Spket,你要在那個文件上選中“Open with”-> Spket JavaScript Editor 。
