Posted on 2008-10-27 11:08
tangtb 閱讀(4861)
評(píng)論(7) 編輯 收藏 所屬分類:
ExtJs
Eclipse、Adobe Dreamweaver安裝和配置ExtJs2.x開發(fā)插件
Spket是目前支持Ext 2.0最為出色的IDE。 它采用.jsb project file 文件并將繼承于基類和所有文檔的內(nèi)容嵌入到生成代碼提示的Script doc中。
一、Spket Eclipse插件與IDE
Spket提供了Eclipse插件和獨(dú)立的IDE環(huán)境來支持ExtJs開發(fā)，下載地址：http://spket.com/download.html，在下載頁面找到如下圖所示的地方。
Plugin是將Spket直接配置為Eclipse插件進(jìn)行使用，而Spket IDE可以安裝為獨(dú)立的開發(fā)環(huán)境進(jìn)行使用，同樣也可以在安裝時(shí)將其作為Eclipse插件進(jìn)行安裝，這里我們選擇配置的方式，點(diǎn)擊Plugin鏈接下載得到spket-1.6.16.zip，將其解壓在某個(gè)目錄（本例為D盤根目錄下并重命名為spket），然后在Eclipse安裝目錄下的links目錄中新建一個(gè)spket.link文件，并添加如下內(nèi)容：path=D\:\\spket，啟動(dòng)Eclipse，在Window → Preferences中可以找到Spket，如圖所示。
在Eclipse中配置Spket支持ExtJs代碼提示功能的基本步驟如下：
- 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”按鈕；
- 重啟Eclipse；
配置成功如圖所示。
創(chuàng)建新的JS文件并輸入： Ext這樣就可設(shè)置Ext Code代碼自動(dòng)完成的功能，如圖所示：
二、Spket Dreamweaver插件
對(duì)于Dreamweaver有兩種可用的插件
SpketDW(Dreamweaver 2004或新版)和
SpketDWCS(Dreamweaver CS3)。
可以在
http://www.spket.com/dreamweaver-extension.html下載得到。最新版本為
SpketDWCS Ext 2.1，下載后的文件為spketdwcs-ext-2.1.mxp(需要安裝Adobe Extension Manager)，直接雙擊即可完成安裝，啟動(dòng)Dreamweaver，在編輯ExtJs時(shí)就會(huì)有代碼提示功能了。
Code hints for Ext configuraton parameters:
Code hints for Ext Class:
Code hints for variable which type is an Ext Class:
更多信息可以從http://www.spket.com/dreamweaver-extension.html獲得，這里不再累述。