Eclipse安裝插件支持jQuery智能提示

最近工作中用到jQuery插件,需要安裝eclipse插件才能支持jQuery智能提示,在網上搜索了一下,常用的有三個插件支持jQuery的智能提示:
1.jQueryWTP
2.Spket
3.Aptana

 

在安裝插件之前需要先安裝eclipse,如果已經安裝了eclipse,可以直接看下面的插件安裝方法,本人使用的Fedora 12,操作如下:
1.直接打開”應用程序”-->”系統工具”-->”終端”
2.輸入命令”su”,這個命令是臨時切換到root用戶
3.輸入root用戶的密碼
4.輸入命令”yum install eclipse”
5.安裝成功後,就可以在”應用程序”-->”編程”-->”eclipse”,打開查看版本爲eclipse 3.5.1,當然也可以直接下載安裝,這裏就不再細說了,安裝完畢後就可以安裝相關插件了.

 

以下分別介紹三個插件的安裝方法:
一、jQueryWTP的安裝方法(官方):
step1:download jqueryWTP_version.jar
step2:find you Eclipse Plugin org.eclipse.wst.javascript.ui_xxxxxxx.jar,backup the plugin.
step3:double click the jar file or run with command java -jar jqueryWTP.version.jar
step4:on the opened swing UI,choose org.eclipse.wst.javascript.ui_xxxxxxx.jar,and output dir.
step5:click generate button.
step6:replace old org.eclipse.wst.javascript.ui_xxxxxxx.jar file with the generated file.
step7:restart eclipse.
step8:open a html file,edit js content.

jQueryWTP插件項目的主頁:http://www.langtags.com/jquerywtp/
但是下載完jqueryWTP0.31foCN.jar後,根據安裝教程裏都提到了一個plugin目錄下的org.eclipse.wst.javascript.ui_xxxxxxx.jar文件，但是我的eclipse目錄想壓根就找不到這個文件,所以也要就不能使用jQueryWTP插件智能提示.

後來仔細查看jQueryWTP插件項目的主頁,有這麼一句話,Eclipse的WTP支持Javascript的代碼補全功能,但是很簡單，而且不支持jQuery,jQueryWTP的目的就是讓Eclipse WTP支持jQuery,需要說明的是該插件對於MyEclipse等基於Eclipse WTP的工具也是支持的.
根據這句話可以猜想找不到plugin目錄下的org.eclipse.wst.javascript.ui_xxxxxxx.jar文件的原因,可能是沒有安裝eclipse WTP插件,由於下面兩種方法順利安裝並且支持jQuery智能提示,所以這裏的猜想還沒有經過驗證.

 

二、Spket的安裝方法（兩種方式）：
1.在線安裝：Help->Install New Software...->Add...->Name: "Spket",
Location:http://www.spket.com/update/ 下載完畢重啓Eclipse.
2.手動安裝：到http://www.spket.com/download.html下載 Plugin 版本，當前版本爲1.6.17.下載解壓後直接放置於Eclipse的dropins目錄下，重啓Eclipse.
3.下載jQuery文件，（要下載開發版本）.
4.設置spket ,Window -> Preferences -> Spket -> JavaScript Profiles -> New,輸入“jQuery”點擊OK； 選擇“jQuery” 並點擊“Add Library”然後在下拉條中選取“jQuery”； 選擇 “jQuery”並點擊“Add File”，然後選中你下載的jQuery.js 文件；設成Default;
5.設置js打開方式(這一步很重要,不設置的話,也不會有jQuery的智能提示), Window -> Preferences ->General-> Editors-> File Associations-> 選擇*.js,將Spket JavaScript Editor設爲Default。
6.新建一個js文件，jQuery自動提示！！

 

三、Aptana的安裝方法:
Aptana的安裝相對比較簡單,直接安裝完畢就支持jQuery的智能提示,而且智能提示功能也比較強大,按照下面的安裝就能使用,強烈建議初學者可以使用這種方法安裝:
1.在線安裝：Help->Install New Software...->Add...->Name: "Aptana",
Location:http://download.aptana.com/tools/studio/plugin/install/studio下載完畢重啓Eclipse,Aptana插件安裝成功,支持javascript智能提示功能,但還不支持jQuery智能提示,需要再安裝支持jQuery智能提示的插件.
2.Window->My Studio打開Aptana的首頁,單擊首頁上面的Plugins,選擇Ajax下面的jQuery Support,單擊Get It即可安裝jQuery智能提示的插件,如圖:

3.新建一個js文件就會有jQuery智能提示了.

 

另外,如果這三個插件都安裝成功的話,想選擇其中一個插件使用,應該如果操作呢?方法如下:
Window->Preferences->General->Editors->File Associations,選擇”*.js”,再選擇”Aptana JS Editor”或”Spket JavaScript Editor”設置爲默認即可.