開發extjs經常使用的插件

Spket是目前支持Ext 2.0最爲出色的IDE。 它採用.jsb project file 文件並將繼承於基類和全部文檔的內容嵌入到生成代碼提示的Script doc中。注:不支持配置項的代碼提示。html

1、Spket Eclipse插件與IDE插件

    Spket提供了Eclipse插件和獨立的IDE環境來支持ExtJs開發,下載地址:http://spket.com/download.html,在下載頁面找到以下圖所示的地方。3d

    Plugin是將Spket直接配置爲Eclipse插件進行使用,而Spket IDE能夠安裝爲獨立的開發環境進行使用,一樣也能夠在安裝時將其做爲Eclipse插件進行安裝,這裏咱們選擇配置的方式,點擊Plugin鏈 接下載獲得spket-1.6.16.zip,將其解壓在某個目錄(本例爲D盤根目錄下並重命名爲spket),而後在Eclipse安裝目錄下的 links目錄中新建一個spket.link文件,並添加以下內容:path=D\:\\spket,啓動Eclipse,在Window → Preferences中能夠找到Spket,如圖所示。htm

 

在Eclipse中配置Spket支持ExtJs代碼提示功能的基本步驟以下:blog

 

  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. 重啓Eclipse;

配置成功如圖所示。繼承

 

建立新的JS文件並輸入: Ext這樣就可設置Ext Code代碼自動完成的功能,如圖所示:圖片

2、Spket Dreamweaver插件ip

    對於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,使用Extjs2.1以上版本須要Dreamweaver CS3),直接雙擊便可完成安裝,啓動Dreamweaver,在編輯ExtJs時就會有代碼提示功能了。
Code hints for Ext configuraton parameters:

Code hints for Ext Class:

Code hints for variable which type is an Ext Class:
開發

 

注:Deamwear插件支持配置項的代碼提示文檔


更多信息能夠從http://www.spket.com/dreamweaver-extension.html得到,這裏再也不累述。

相關文章
相關標籤/搜索