最近工作中用到j(luò)Query插件,需要安裝eclipse插件才能支持jQuery智能提示,在網(wǎng)上搜索了一下,常用的有三個(gè)插件支持jQuery的智能提示:
1.jQueryWTP
2.Spket
3.Aptana
在安裝插件之前需要先安裝eclipse,如果已經(jīng)安裝了eclipse,可以直接看下面的插件安裝方法,本人使用的Fedora 12,操作如下:
1.直接打開”應(yīng)用程序”-->”系統(tǒng)工具”-->”終端”
2.輸入命令”su”,這個(gè)命令是臨時(shí)切換到root用戶
3.輸入root用戶的密碼
4.輸入命令”yum install eclipse”
5.安裝成功后,就可以在”應(yīng)用程序”-->”編程”-->”eclipse”,打開查看版本為eclipse 3.5.1,當(dāng)然也可以直接下載安裝,這里就不再細(xì)說了,安裝完畢后就可以安裝相關(guān)插件了.
以下分別介紹三個(gè)插件的安裝方法:
一、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插件項(xiàng)目的主頁:http://www./jquerywtp/
但是下載完jqueryWTP0.31foCN.jar后,根據(jù)安裝教程里都提到了一個(gè)plugin目錄下的org.eclipse.wst.javascript.ui_xxxxxxx.jar文件,但是我的eclipse目錄想壓根就找不到這個(gè)文件,所以也要就不能使用jQueryWTP插件智能提示.
后來仔細(xì)查看jQueryWTP插件項(xiàng)目的主頁,有這么一句話,Eclipse的WTP支持Javascript的代碼補(bǔ)全功能,但是很簡單,而且不支持jQuery,jQueryWTP的目的就是讓Eclipse WTP支持jQuery,需要說明的是該插件對(duì)于MyEclipse等基于Eclipse WTP的工具也是支持的.
根據(jù)這句話可以猜想找不到plugin目錄下的org.eclipse.wst.javascript.ui_xxxxxxx.jar文件的原因,可能是沒有安裝eclipse WTP插件,由于下面兩種方法順利安裝并且支持jQuery智能提示,所以這里的猜想還沒有經(jīng)過驗(yàn)證.
二、Spket的安裝方法(兩種方式):
1.在線安裝:Help->Install New Software...->Add...->Name: "Spket",
Location:http://www./update/ 下載完畢重啟Eclipse.
2.手動(dòng)安裝:到http://www./download.html下載 Plugin 版本,當(dāng)前版本為1.6.17.下載解壓后直接放置于Eclipse的dropins目錄下,重啟Eclipse.
3.下載jQuery文件,(要下載開發(fā)版本).
4.設(shè)置spket ,Window -> Preferences -> Spket -> JavaScript Profiles -> New,輸入“jQuery”點(diǎn)擊OK; 選擇“jQuery” 并點(diǎn)擊“Add Library”然后在下拉條中選取“jQuery”; 選擇 “jQuery”并點(diǎn)擊“Add File”,然后選中你下載的jQuery.js 文件;設(shè)成Default;
5.設(shè)置js打開方式(這一步很重要,不設(shè)置的話,也不會(huì)有jQuery的智能提示), Window -> Preferences ->General-> Editors-> File Associations-> 選擇*.js,將Spket JavaScript Editor設(shè)為Default。
6.新建一個(gè)js文件,jQuery自動(dòng)提示?。?/p>
三、Aptana的安裝方法:
Aptana的安裝相對(duì)比較簡單,直接安裝完畢就支持jQuery的智能提示,而且智能提示功能也比較強(qiáng)大,按照下面的安裝就能使用,強(qiáng)烈建議初學(xué)者可以使用這種方法安裝:
1.在線安裝:Help->Install New Software...->Add...->Name: "Aptana",
Location:http://download./tools/studio/plugin/install/studio下載完畢重啟Eclipse,Aptana插件安裝成功,支持javascript智能提示功能,但還不支持jQuery智能提示,需要再安裝支持jQuery智能提示的插件.
2.Window->My Studio打開Aptana的首頁,單擊首頁上面的Plugins,選擇Ajax下面的jQuery Support,單擊Get It即可安裝jQuery智能提示的插件,如圖:
3.新建一個(gè)js文件就會(huì)有jQuery智能提示了.
另外,如果這三個(gè)插件都安裝成功的話,想選擇其中一個(gè)插件使用,應(yīng)該如果操作呢?方法如下:
Window->Preferences->General->Editors->File Associations,選擇”*.js”,再選擇”Aptana JS Editor”或”Spket JavaScript Editor”設(shè)置為默認(rèn)即可.