話說ext 2、ext的輔助利器

 

所謂工欲善其事,必先利其器。對於ext的開發也不例外,下面就介紹下ext開發時常用的工具。
1、      開發插件spket。
目前各種extjs的提示插件雖然比較多,但是spket相對來說是其中比較出色的一個,而且,不但支持eclipse,也支持VS、Dreamweaver等。支持提示javascript、XUL\XBL、Laszlo、SVG和Yahoo!Widget等,同時它的最新版本1.6.22支持ext4.x,支持jsb3,支持ext3.4等最新版本的ext。本次介紹使用的eclipse的plugIn1.6.22版本。
安裝過程:
a)   在{eclipse.path}/links下新建spket.link文件,內容爲:path={spket.path}/spket-1.6.22,其中spket.path指的是spket的存放路徑。
b)   設置spket:
啓動eclipse進入window -> preferences選項,然後查找spket菜單,然後安裝如下圖所示過程進行設置。
Spket默認目錄:

         

新建extjs

點擊ok後,點擊”Add Library”,選擇extjs

選擇ExtJS,點擊”Add File”

在extjs4.1.0根目錄下選擇jsb2文件,這個文件官網沒有提供,可以在地址:http://down.51cto.com/data/408038下載。

將”Ext All”選中後,選中extjs4.1,點擊”Default”,然後點擊ok,然後將js的打開方式設置爲open with –> Spket JavaScript Editor即可。
2、      查看源代碼工具FullSource。
Full Source是一個IE的右鍵菜單,非常小巧,它的特性就是用來查看ext等js生成的html代碼,IE默認查看源文件只能看到js文件,看不到生成的html代碼,這個缺陷可以有FullSource解決,而且它非常小巧,只有2k。以下是安裝過程:

解壓縮後只有下面兩個文件:
在FullSource.inf處點擊右鍵進行安裝,安裝完成後,打開IE瀏覽器,既可看見FullSource選項。
3、      強悍的調試工具Firebug。
雖然現在IE也有調試工具,但是firefox的Firebug仍然是前臺js開發人員的首選調試工具,可見其強大之處。對於firebug沒什麼說的,裝上firefox(網址:http://www.firefox.com.cn/download/)後,搜索查詢firebug插件並安裝即可。
 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章