http://blog.csdn.net/democreen/article/details/6125623javascript
Eclipse開發JQuery環境設置(Spket) 文章提到過JQuery提示插件,可是通過屢次的試驗不盡人意,主要是其提示效果不理想,並且配置成功的機率很是的小。通過同事的推薦使用aptana插件還不錯其代碼提示功能很是的強大,並且aptana有本身獨立的IDE。詳細見:http://www.aptana.org/ 本文介紹在Eclipse下安裝該插件,目的主要是解決jquery在eclipse下的代碼提示。php
注意選擇eclipse 3.5,並且如今只能選擇3.5,選擇高版本的3.6會出現bug,以至插件管理器不能使用,固然也就用不了jquery插件了。。。html
=================================================java
【2010-11-10更新】最近發現它支持3.6,不過是BETA版,仍是不錯了:jquery
插件更新地址:http://download.aptana.com/studio3/plugin/installweb
eclipse 的選擇很是的重要,不然,將沒法成功完成aptana的安裝,即便是安裝好後也可能會安裝不了jquery插件。按官方說,選擇3.5 或 更高的。 這裏須要提醒你們,通過個人測試,只有3.5和3.6都能成功安裝,可是隻有3.5可使用插件管理器。固然如今官方已經知道這個BUG,正在修復中。。因此在這裏我推薦你們最好使用3.5的。windows
須要注意的問題是,在安裝過程當中,可能會提示獲取資源失敗,不用管,點OK就行,繼續等。。這裏你可能看到進度條長達半小時不動,這個不用理它,安裝獲取的字在變化就行。這個是網絡緣由引發的,畢竟別人的服務器在國外。。。。瀏覽器
Installing via Eclipse
Please copy the following Update Site URL to your clipboard and then follow the steps listed below to add this URL to your Available Software Sites list. Attempting to access this URL using your web browser will return an Access Denied error.服務器
http://download.aptana.com/tools/studio/plugin/install/studio網絡
- From the Help menu, select Install New Software … to open the Install New Software dialog.
- Paste the URL for the update site into the Work With text box, and hit the Enter(or Return ) key.
- In the populated table below, check the box next to the name of the plug-in, and then click the Next button.
- Click the Next button to go to the license page.
- Choose the option to accept the terms of the license agreement, and click the Finish button.
- You may need to restart Eclipse to continue.
根據上面的官方文檔能夠看出,和通常的Eclipse插件網絡安裝方法是同樣的。而插件的安裝地址就是上面的那個URL,固然更新完後必定要記得重啓Eclipse.固然,eclipse也會彈出一個對話框讓你選擇是否重啓,這裏必定要選是。。
PS:在Install對話框中,注意去掉Group items by category 和 Contact all update sites during install to find required software 兩項,至於爲何能夠查相關資料,我不在這裏作相關的解釋。
在eclipse的windows菜單中選擇preferences如出現aptana選擇,擇表明安裝成功。
固然啓動eclipse 後也會出現以下頁面:
安裝jquery插件:
固然這裏有更多的eclipse 提示插件 (ext js , php ,yahoo ,dojo, aflax , prototype 等經常使用框架) 要用什麼勾上,固然也要到配置下配置啓用它們。
在下面的經常使用設置中,向你們展現如何啓用。
(這裏設置你想要支持的瀏覽器環境,這在在代碼提示中,若是某個方法或屬性不支持的瀏覽器會顯示爲灰色)
注:上圖是是新升級後,發現aptana 已經支持 jquery1.4 的代碼支持。
(這裏選擇JAVASCRIPT提示代碼的支持,這裏是否是看到JQuery支持了吧,記得上面Automatically選中)
一、右鍵你要編輯的JS,選擇open with ,再選反Aptana JS Editor 就能夠編輯JS了。
效果以下:
PS:關於html中的javascript怎麼編輯(提示)?你右鍵要編輯的文件,選擇open with 下的other選擇aptana HTML Editor,這樣便可以編輯HTML又能夠編輯javascript,並且都有提示,提升CODING速度。
好啦,關於aptana的功能還比效,特別是編輯CSS/HTML強大的提示功能能夠說與DW媲美,因爲篇幅有限,功能太多,這些都你們本身去摸索吧