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)。
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 。
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 。
Dreamweaver
對于Dreamweaver的用戶,有兩種可用的插件SpketDW(Dreamweaver 2004或新版)和SpketDWCS(Dreamweaver CS3)。兩者都是Spket團隊開發的(剛才提及的),因此也同樣精確和出色。另外Dreamweaver插件的一大特點是很好地支持配置項的代碼提 示。
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)。
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 。
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 。
Dreamweaver
對于Dreamweaver的用戶,有兩種可用的插件SpketDW(Dreamweaver 2004或新版)和SpketDWCS(Dreamweaver CS3)。兩者都是Spket團隊開發的(剛才提及的),因此也同樣精確和出色。另外Dreamweaver插件的一大特點是很好地支持配置項的代碼提 示。
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
