開發extjs常用的插件


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

一、Spket Eclipse插件與IDE

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

    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,如圖所示。

 

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

 

  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代碼自動完成的功能,如圖所示:

二、Spket Dreamweaver插件

    對於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獲得,這里不再累述。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM