Ext JS 2.0的IDE、外掛程式和工具 javascript

 

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），基本步驟如下：

1. Window → Preferences → Spket → JavaScript Profiles → New ；
2. 輸入“ExtJS”點擊OK；
3. 選擇“ExtJS” 並點擊“Add Library”然後在下拉條中選取“ExtJS”；
4. 選擇 “ExtJS”並點擊“Add File”，然後在你的./ext-2.x/source目錄中選取“ext.jsb” 檔案；
5. 設定新的ExtJS Profile，選中並點擊“JavaScript Profiles” 對話方塊右手邊的“Defalut”按鈕；
6. 重啟Aptana；
7. 建立新的JS檔案並輸入： Ext這樣就可設定Ext Code代碼自動完成的功能。

由於你是在Aptana中安裝外掛程式的，Aptana還是你預設的JS編輯器，所以要試用Spket，你要在那個檔案上選中“Open with”－> Spket JavaScript Editor 。

Spket in Aptana with full documentation and code assist

Komodo Edit

Komodo Edit
為眾多格式檔案提供支援，包括Perl、PHP、Python、Ruby和Tcl。亦支援瀏覽器方面的程式碼封裝括有JavaScript、CSS、HTML和XML。Windows、Mac Os和Linux平台都可用。
安裝Ext支援下的Komodo：

1.下載和安裝Komodo Edit；
2.下載API catalog
；
3.進入Edit -> Preferences -> Code Intelligence 並選擇位於“API Catalog”下方的按鈕“Add an API catalog” ；
4.選擇剛才下載的ExtJS API catKomodo Edit
alog CIX 。

Komodo with Ext JS code intelligence

Dreamweaver

對於Dreamweaver的使用者，有兩種可用的外掛程式SpketDW
(Dreamweaver 2004或新版)和SpketDWCS
(Dreamweaver CS3)。兩者都是Spket團隊開發的(剛才提及的)，因此也同樣精確和出色。另外Dreamweaver外掛程式的一大特點是很好地支援配置項的代碼提示。

 

Members code assist

 

 

 

 

 

 

Config option code assist