ext Eclipse IDE

在開發EXT中,我分別使用了Aptana和Spket

一、Spket的安裝

1、Plugin:
最低要求： eclipse平臺執行時3.2.x ,
檔案為： spket-1.6.4.1.zip(與別的外掛的安裝無異，相信不用我多說了吧
2、Spket IDE:
最低要求：你需要java 1.5或更高版本執行安裝程式，可獨立使用(不用裝Eclipse
檔案為：spket-1.6.4.1.jar
安裝步驟:1、開啟cmd，2、在spket-1.6.4.1.jar檔案目錄下輸入java -jar spket-1.6.4.1.jar
3、回車(相信你已看到安裝畫面
3、Update Site
這是更新網站，為spket的ide 。
使用它，開啟eclipse的updatemanager (在eclipse下的幫助選單) ，並新增一個書籤為：
http://www.spket.com/update

二. Spket的配置與使用

建立jQuery profile

 

選擇選單專案中Window > Preferences...
選擇spket > javascript. Profile頁面
點選new...按鈕。在名稱裡面，寫入jquery。然後單擊確定。
點選Add Library 按鈕. 從Library下拉選單中, 選擇jquery 。然後單擊確定。
點選Add File 按鈕, 選擇jquery.js 可從jquery.com下載(也可用附件裡的)。
選擇jQuery profile 按照第3步, 點選Default 按鈕把它預設為 default 項. The default profile 也可通過配置每個專案利用 Configure Project Specific Settings... 配置。
點選OK儲存preference。
建立EXT 2.0 profile ,用Spket進行Ext2.0開發

將以下程式碼放入檔案ext.jsb的標記 之前

 

 

選擇選單專案中Window > Preferences...

選擇spket > javascript. Profile頁面
點選new...按鈕。在名稱裡面，寫入EXT。然後單擊確定。
點選Add Library 按鈕. 從Library下拉選單中, 選擇EXTJS 。然後單擊確定。
點選Add File 按鈕, 選擇ext原始碼裡的 ext\source\ext.jsb
點選OK儲存preference。

 

 

接著,你就可以在js程式碼中自動提示程式碼
 

 

 

Ext Theme Builder
在project目錄下，新建一個檔案，檔名為ext.theme，開啟檔案，指定ext的resource資料夾路徑，就可以調整ext介面的顏色，效果等，生成自己的css檔案

 

 

 

 

spket自定義指令碼的引用申明及提示

 

1. 首先在當前js檔案頭部使用spket的包含語法引入包含的js:

/**
* @include "../js/custom.js"
*/

2.按 ctrl+click即可開啟js申明,或ctrl+/ 自動完成提示 暫無留言！
文章出處：DIY部落(http://www.diybl.com/course/1_web/javascript/jsjs/20090318/162800.html)

來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/21359667/viewspace-590831/，如需轉載，請註明出處，否則將追究法律責任。