Spket在Eclipse下的安裝和配置（圖文教程）及無法顯示問題的解決

Spket的介紹

Spket ide是強大的工具包為了JavaScript和XML的開發，這個強大的 編輯器對JavaScript, XUL/ XBLand Yahoo! Widget的開發都有全面的支援 ,例如程式碼完成， 文法高亮和內容概要，協助開發有成效，創造高效率的 javascript代碼。
一、安裝Spket
第一種方法：網上更新方式
1.外掛程式首頁：http://www.spket.com
2.外掛程式名稱：Spket IDE
3.更新串連（Update Site）：http://www.spket.com/update/ 
更新安裝方法：
1.[Help]-[Software Updates]-[Find and Install...]
2.[Search for new features to install] -> [Next]
3.[New Remote Site...] Name: "什麼都行，spketjs" URL: http://www.spket.com/update/--> [Finish] 外掛程式的下載畫面 如果需要獨立使用，可以下載Spket IDE。但是一般都會作為Eclipse外掛程式使用，下載第一個Plugin版本即可。下載的目錄結構



把兩個檔案內容放置在eclipse_home中對應的檔案夾下

二、配置Spket

 

注意：如果在安裝spket過程中，你的eclipse或者Myeclipse，請重啟eclipse或者以便初始化外掛程式，下面才會在Preferences中看到 Spket選項。

基本步驟如下：
1)Window → Preferences → Spket ；

2)Spket → JavaScript Profiles → New， 輸入“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或者Myeclipse；

7)建立新的JS檔案並輸入： Ext這樣就可設定Ext Code代碼自動完成的功能。

效果如下：

 

  注意： ext.jsb檔案時下載extjs中的外掛程式，如果當滑鼠放置在方法上沒有任何提示時

開啟extjs目錄到相應的js對象中，右擊 選擇Open With/Speket JavaScript Editor 右擊就行了