1.下載一堆環境:
1)-->首先下載整合WEB環境的Eclipse:(wtp-all-in-one-sdk-R-1.5.3-win32.zip(WTP))
參考地址:http://download.actuatechina.com/eclipse/webtools/downloads/drops/R1.5/R-1.5.3-200702082048/wtp-all-in-one-sdk-R-1.5.3-win32.zip
2)下載JDK,我下載的是1.5版本
2)下載Tomcat----Web伺服器,必須安裝了
3)下載ATF(Ajax AJAX Toolkit Framework)---ATF架構,協助開發AJAX很有用哦!
4)下載XULRunner(ATF要用到)
參考地址:ftp://ftp.mozilla.org/pub/mozilla.org/xulrunner/nightly/contrib/2007-02-02-1.8.1.2pre/xulrunner-1.8.1.2pre.en-US.win32.zip
5)下載Dojo 這裡 http://dojotoolkit.org/download/ -------單步調試JS用的,不裝這個不能在Eclipse裡單步調試...
6)下載Extjs(yui-ext) 這裡 http://extjs.com/ -------重點,個人認為比dojo更好用的東東
2.首先把XULRunner解壓到一個檔案夾中
執行: xulrunner --register-global
/////////////////////////////////////////////////////////////
注意,如果以前註冊過的話:
Uninstall any previous version of Mozilla xulrunner.
If registered for all users:
xulrunner --unregister-global
If registered only for current user:
xulrunner --unregister-user
Register XULRunner by executing either of the following at the command line:
Register for all users:
xulrunner --register-global
Register only for current user:
xulrunner --register-user
/////////////////////////////////////////////////////////////
3.接下來啟動eclipse
開啟 Eclipse, 選擇 Help -> Software Updates -> Find and Install...
選擇Search for new features to install
選擇 Next
選擇 New Archived Site...
選擇你剛下載完的ATF壓縮檔
選擇 Finish
確定所有的 ATF 複選框被選中
接下開始遠程安裝ATF
一旦ATF安裝完後,Eclipse必須使用eclipse -clean 重啟
關閉 Eclipse
進入CMD, 進入Eclipse目錄
執行"eclipse -clean"
這個操作只需在ATF做一次就可以了
4.關閉Eclipse,安裝DOJO
在 Eclipse 的plugin下的 org.eclipse.atf.personality.dojo.runtime 檔案夾下:
開啟 resources/ 路徑
解壓dojo
拷貝 dojo-<version>-ajax/ 下的所有檔案到org.eclipse.atf.personality.dojo.runtime 下的resources/路徑下.
Note: Dojo 從這裡 http://dojotoolkit.org/download/獲得
Note: The ATF javascript validator will flag a few of the base Dojo javascript source files as having errors. These "errors" can be ignored and should not cause any break in Dojo functionality.
也可以安裝其它環境:
在 Eclipse 的plugin下的org.eclipse.atf.personality.rico.runtime 檔案夾下:
開啟 resources/ 路徑
加入 prototype.js
加入 rico.js
注意: prototype.js 和 rico.js 從這裡 http://openrico.org/rico/downloads.page 獲得
在 Eclipse 的plugin下的 org.eclipse.atf.javascript.jslint 檔案夾下:
加入 jslint.js 到 resources/ 路徑下
Note:jslint.js 從 這裡 http://www.jslint.com/fulljslint.js 獲得
開發dojo應用: 見 http://www.eclipse.org/atf/flash/index2.php
調試dojo應用: 見 http://www.eclipse.org/atf/flash/index4.php
另外可以安裝:
下載並安裝JSEclipse
JSEclipse是一個eclipse plugin,作為javascript編輯器,使代碼有顏色區分、代碼格式化和輔助編碼功能
從extjs論壇上下載並安裝JSEclipse plugin Ext of the code completion library:
http://extjs.com/forum/showthread.php?t=6112
這個東東可完善JSEclipse對extjs的代碼自動完成功能,見論壇中的說明
lomboz外掛程式---提供JSP編程支援,可以自動下拉提示
lomboz外掛程式需要下載兩個部分,一個是emf環境,另一個是lomboz外掛程式
可以到網站上下載,好像20060808的版本最好用
下載完覆蓋到eclipse裡
Extjs是解壓縮把檔案考到建立的工程下就好了,大功搞成~~