ExtJS開發環境的搭建，spket工具安裝詳解

集成：ExtJS，MyEcplise和Spket。

前提：安裝好的myecplise（我用的是MyEcplise10）

步驟：

先安裝Spket

1 下載Spket的jar文件，spket-1.6.18.jar

2 將jar文件解壓到MyEcplise的dropins文件夾下

3 重啓MyEcplise，

4：

以下圖：Preference中有Spket，說明spket插件導入成功

點擊new

點OK

選中ExtJS後點擊ADD Libriary

選擇ExtJS

再如今下面的ExtJS  選擇Add File

 

選中下載的ext4.0中src文件甲下的jsb文件，下載的ext4.0文件是沒有jsb這個文件的，須要單獨從網上下載jsb文件，

必須放到src文件夾下，不然代碼則沒法提示

選擇ALL

再選擇上面的ExtJS，右邊的選擇框中設置爲default（必須這麼設置），

 

接下來要講spket設置爲js的默認編譯器，步驟以下圖：

以上設置完後，將下載的ExtJS文件拷貝到項目中

在頁面中引入後就能夠了，引入地址須要注意，地址中「..」表示向上提一級目錄，直到html文件與ext文件屬於同一級

 

主要目錄文件介紹

builds：壓縮後的ExtJS代碼，體積更小，更快；
docs：開發文檔；
examples：官方演示示例；
locale：多國語言資源文件；
pkgs：ExtJS各部分功能的打包文件；
resource：ExtJS所須要的CSS與圖片文件；
src：未壓縮的源代碼目錄；
bootstarp.js：ExtJS庫引導文件,可自動切換ext-all.js與ext-all-debug.js；
ext-all.js：ExtJS核心庫；
ext-all-debug.js：ExtJS核心庫的調試版,調試時使用。
ext-all-debug-w-comments.js：帶註釋的ExtJS核心庫調試版。

 

在頁面中用到ExtJS至少引入如下文件：

1 resources\css\ext-all.css
2 ext-all.js（若是要對ExtJS代碼進行調試或學習可引入ext-all-debug.js或ext-all-debug-w-comments.js）

到這裏，整個環境就搭建完成了，不過spket只能提示一部分代碼，有部分代碼是沒法提示的，

因此並很差用，仍是看api更全面。