感謝原作者 Jack Slocum
要訪問原文，請訪問：http://www.javaeye.com/topic/161161
摘要：本文詳細介紹了，當前（2008/2/3）流行的幾種JavaScript IDE的安裝與使用方法。
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 。
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 Editalog CIX 。
Komodo with Ext JS code intelligence
Dreamweaver
對於Dreamweaver的用戶，有兩種可用的插件SpketDW(Dreamweaver 2004或新版)和SpketDWCS(Dreamweaver CS3)。兩者都是Spket團隊開發的(剛纔提及的)，因此也同樣精確和出色。另外Dreamweaver插件的一大特點是很好地支持配置項的代碼提示。
Members code assist
Config option code assist
要下載和安裝，請瀏覽他們的站點。
其它的IDE
還有其它的IDE,像由社區發起的正在工作着的IntelliJ和Visual Studio 2008。
總結
當工作中需要到Ext 2.0，的確有一些工具能輔助你提升工作效率，這真的要比較一番（Check them out、check out、checkout...）。如果你也發現有其它更好的工具，不妨雁過留聲，與我們分享。
