Aptana：JavaScript開發利器

簡介

       Aptana是一個非常強大、開源的專註於Ajax開發的開發工具，看下開源中國社區中對它的功能描述：

• JavaScript,JavaScript函數,HTML,CSS語言的Code Assist功能；
• Outliner(大綱)：顯示JavaScript,HTML和CSS的代碼結構；
• 支援JavaScript，HTML，CSS代碼提示，包括JavaScript 自定函數；
• 代碼語法錯誤提示；
• 支援Aptana UI自訂和擴充；
• 支援跨平台；
• 支援FTP/SFTP； 
• 調試JavaScript；
• 支援流行AJAX架構的Code Assist功：AFLAX，Dojo，JQuery，MochiKit，Prototype，Rico，script.aculo.us，Yahoo UI，Ext；
• Adobe AIR與iPhone開發工具。

       Aptana是我用過的最好用的JavaScript開發環境，沒有之一，上邊寫的功能我沒有用全，只是用了一部分，當然對我來說夠用了。

連結

       如下連結都是目前的，以後有可能變化。

Aptana Studio

       Aptana首頁：http://www.aptana.com
       Aptana說明文檔：https://wiki.appcelerator.org/display/tis/Home

       Aptana開源社區：http://www.oschina.net/p/aptana

Eclipse外掛程式地址

       Aptana2外掛程式：http://download.aptana.com/tools/studio/plugin/install/studio

       Aptana3外掛程式：http://download.aptana.com/studio3/plugin/install

安裝

       外掛程式的選擇要看自己Eclipse版本，3.5是個分水嶺，3.5之前選擇Aptana2，3.5及3.5之後選擇Aptana3。如何查看Eclipse版本呢，Eclipse自不用說，MyEclipse查看方式如下，開啟：MyEclipse安裝目錄/readme/readme_eclipse.html，Release之後就是版本號碼了。
       安裝方式有幾種，看網上很多都說線上下載會失敗，我沒有失敗。低版本的MyEclipse線上下載很簡單，Help-->Install New Software-->輸入外掛程式地址-->…-->Finish，我用的是MyEclipse10，說下如何線上安裝外掛程式，我是安裝Aptana Studio 3。
       第一步，選擇Help-->MyEclipse Configuration Center，會進入一個Loding介面；
       第二步，選擇Software；
       
       第三步，Sowftware視窗介紹；
       
       第四步，我們通過外掛程式地址的方式添加外掛程式，點擊add site，輸入name和url，我這裡輸入的是Aptana3的地址；
       第五步，展開Aptana，雙擊Aptana Studio 3 Plugin；
       
       第六步，這時整個面板的右上方和右下角會顯示Apply 1 Change，點擊，然後接受個協議，Next，等待下載，Restart。

       需要特別說明一下，有時候Apply Change會顯示不出來，原因是Software Updates Available地區一進來要檢查已有外掛程式可用更新，Apply Change不顯示是因為它還沒檢查完，網速慢的話需要多等一段時間。

使用Content Assist

       提示鍵是和Eclipse設定的提示鍵相同的，提示時會顯示ScriptDoc和支援的瀏覽器。

       

       本來這個提示框右側會有一列瀏覽器表徵圖，以亮暗來告知是否支援該瀏覽器，但是突然沒了，有知道如何設定的一定要告訴我。

預設編輯器

       依次選擇Window-->Preferences-->General-->Editors-->File Assocaition，Aptana提供了Html、Xml、Css、JavaScript編輯器，沒有Jsp，以設定JavaScript編輯器為例，如：

       

選擇主題

       Aptana3提供了多種代碼高亮主題，Aptana2貌似沒有，只能自己配了。Aptana3預設使用的是Aptana3主題，背景色是黑色的，所以剛安裝完一片漆黑，可以換成自己喜歡的高亮風格。

       安裝完Aptana3後，工具列上會多出下面這個表徵圖，可以通過它來更換主題。

       

       也可以通過依次點擊Window-->Preferences-->Aptana Studio-->Themes來選擇主題。

       Aptana2主題：

       

       Eclipse主題：

       

大綱視圖

       Aptana對代碼結構提供了清晰的大綱，效果可以媲美Eclipse對Java提供的大綱。如果沒有Outline視窗，可以通過window-->show view-->Outline來顯示。
       

       有大綱我們就可以通過CTRL+O來迅速找到某個方法或某個成員變數。

       

       還可以對指定的方法進行連結，在調用方法處，按F3或者CTRL+滑鼠左鍵。

       

       這種連結可以跨JS檔案進行。

ScriptDoc

       通過寫ScriptDoc可以實現JavaDoc的那種效果，在post方法加上ScriptDoc。

       

       調用時：

       

       查看時：

       

Snippets

       依次點擊window-->show view-->Snippets顯示視窗，這裡是一些定製好的模版，可以快速插入，模版可以自訂，自訂方法去看文檔吧，我也不知道。

       

搜尋

       Aptana編輯器重做了搜尋，在用編輯器開啟的檔案內，按Ctrl+F，會顯示如下：

       

       Aptana加入了一個新的專案管理器，依次點擊window-->show view-->other-->studio-->App Explorer顯示視窗。

       

JQuery提示       安裝完Aptana3後，功能表列會出現一個Commands，依次點擊Commands-->Bundle Development-->Install Bundle，會彈出個視窗，在最下邊選擇jquery，點擊會彈出個類似控制台的東東，會自動安裝JQuery支援，重啟MyEclipse，Commands下會多出個JQuery。       看下提示效果：       
其它

       自動提示EXTJS等第三方JavaScript架構、調試JS等其它功能，基於我本人不使用第三方架構，調試使用開發人員工具足矣，所以我沒有嘗試，網路上應該很多教程，即便沒有，也可參照Aptana Studio說明文檔。更多好用的功能等待去探索，推薦大家使用Aptana。