Aptana是我用過的最好用的JavaScript開發(fā)環(huán)境,是一個非常強(qiáng)大、開源的專注于Ajax開發(fā)的開發(fā)工具!
安裝
插件的選擇要看自己Eclipse版本,3.5是個分水嶺,3.5之前選擇Aptana2,3.5及3.5之后選擇Aptana3。如何查看Eclipse版本呢,Eclipse自不用說,MyEclipse查看方式如下,打開:MyEclipse安裝目錄/readme/readme_eclipse.html,Release之后就是版本號了。
安裝方式有幾種,看網(wǎng)上很多都說在線下載會失敗,我沒有失敗。低版本的MyEclipse在線下載很簡單,Help-->Install New Software-->輸入插件地址-->…-->Finish,我用的是MyEclipse10,說下如何在線安裝插件,我是安裝Aptana Studio 3。
第一步,選擇Help-->MyEclipse Configuration Center,會進(jìn)入一個Loding界面;
第二步,選擇Software;
第三步,Sowftware窗口介紹;
第四步,我們通過插件地址的方式添加插件,點擊add site,輸入name和url,我這里輸入的是Aptana3的地址;
第五步,展開Aptana,雙擊Aptana Studio 3 Plugin;
第六步,這時整個面板的右上角和右下角會顯示Apply 1 Change,點擊,然后接受個協(xié)議,Next,等待下載,Restart。
需要特別說明一下,有時候Apply Change會顯示不出來,原因是Software Updates Available區(qū)域一進(jìn)來要檢查已有插件可用更新,Apply Change不顯示是因為它還沒檢查完,網(wǎng)速慢的話需要多等一段時間。
使用
Content Assist
提示鍵是和Eclipse設(shè)置的提示鍵相同的,提示時會顯示ScriptDoc和支持的瀏覽器。
本來這個提示框右側(cè)會有一列瀏覽器圖標(biāo),以亮暗來告知是否支持該瀏覽器,但是突然沒了,有知道如何設(shè)置的一定要告訴我。
默認(rèn)編輯器
依次選擇Window-->Preferences-->General-->Editors-->File Assocaition,Aptana提供了Html、Xml、Css、JavaScript編輯器,沒有Jsp,以設(shè)置JavaScript編輯器為例,如下圖:
選擇主題
Aptana3提供了多種代碼高亮主題,Aptana2貌似沒有,只能自己配了。Aptana3默認(rèn)使用的是Aptana3主題,背景色是黑色的,所以剛安裝完一片漆黑,可以換成自己喜歡的高亮風(fēng)格。
安裝完Aptana3后,工具欄上會多出下面這個圖標(biāo),可以通過它來更換主題。
也可以通過依次點擊Window-->Preferences-->Aptana Studio-->Themes來選擇主題。
Aptana2主題:
Eclipse主題:
大綱視圖
Aptana對代碼結(jié)構(gòu)提供了清晰的大綱,效果可以媲美Eclipse對Java提供的大綱。如果沒有Outline視窗,可以通過window-->show view-->Outline來顯示。
有大綱我們就可以通過CTRL+O來迅速找到某個方法或某個成員變量。
還可以對指定的方法進(jìn)行鏈接,在調(diào)用方法處,按F3或者CTRL+鼠標(biāo)左鍵。
這種鏈接可以跨JS文件進(jìn)行。
ScriptDoc
通過寫ScriptDoc可以實現(xiàn)JavaDoc的那種效果,在post方法加上ScriptDoc。
調(diào)用時:
查看時:
Snippets
依次點擊window-->show view-->Snippets顯示視窗,這里是一些定制好的模版,可以快速插入,模版可以自定義,自定義方法去看文檔吧,我也不知道。
搜索
Aptana編輯器重做了搜索,在用編輯器打開的文件內(nèi),按Ctrl+F,會顯示如下:
Aptana加入了一個新的項目管理器,依次點擊window-->show view-->other-->studio-->App Explorer顯示視窗。
JQuery提示
安裝完Aptana3后,菜單欄會出現(xiàn)一個Commands,依次點擊Commands-->Bundle Development-->Install Bundle,會彈出個窗口,在最下邊選擇jquery,點擊會彈出個類似控制臺的東東,會自動安裝JQuery支持,重啟MyEclipse,Commands下會多出個JQuery。
看下提示效果: