http://blog.csdn.net/ghsau/article/details/8472983

簡(jiǎn)介

? ? ? ?Aptana是一個(gè)非常強(qiáng)大、開源的專注于Ajax開發(fā)的開發(fā)工具，看下開源中國(guó)社區(qū)中對(duì)它的功能描述：

• JavaScript,JavaScript函數(shù),HTML,CSS語言的Code Assist功能；
• Outliner(大綱)：顯示JavaScript,HTML和CSS的代碼結(jié)構(gòu)；
• 支持JavaScript，HTML，CSS代碼提示，包括JavaScript 自定函數(shù)；
• 代碼語法錯(cuò)誤提示；
• 支持Aptana UI自定義和擴(kuò)展；
• 支持跨平臺(tái)；
• 支持FTP/SFTP；?
• 調(diào)試JavaScript；
• 支持流行AJAX框架的Code Assist功：AFLAX，Dojo，JQuery，MochiKit，Prototype，Rico，script.aculo.us，Yahoo UI，Ext；
• Adobe AIR與iPhone開發(fā)工具。

? ? ? ?Aptana是我用過的最好用的JavaScript開發(fā)環(huán)境，沒有之一，上邊寫的功能我沒有用全，只是用了一部分，當(dāng)然對(duì)我來說夠用了。

鏈接

? ? ? ?如下鏈接都是目前的，以后有可能變化。

Aptana Studio

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

? ? ? ?Aptana開源社區(qū)：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是個(gè)分水嶺，3.5之前選擇Aptana2，3.5及3.5之后選擇Aptana3。如何查看Eclipse版本呢，Eclipse自不用說，MyEclipse查看方式如下，打開：MyEclipse安裝目錄/readme/readme_eclipse.html，Release之后就是版本號(hào)了。
? ? ? ?安裝方式有幾種，看網(wǎng)上很多都說在線下載會(huì)失敗，我沒有失敗。低版本的MyEclipse在線下載很簡(jiǎn)單，Help-->Install New Software-->輸入插件地址-->…-->Finish，我用的是MyEclipse10，說下如何在線安裝插件，我是安裝Aptana Studio 3。
? ? ? ?第一步，選擇Help-->MyEclipse Configuration Center，會(huì)進(jìn)入一個(gè)Loding界面；
? ? ? ?第二步，選擇Software；
? ? ? ?
? ? ? ?第三步，Sowftware窗口介紹；
? ? ? ?
? ? ? ?第四步，我們通過插件地址的方式添加插件，點(diǎn)擊add site，輸入name和url，我這里輸入的是Aptana3的地址；
? ? ? ?第五步，展開Aptana，雙擊Aptana Studio 3 Plugin；
? ? ? ?
? ? ? ?第六步，這時(shí)整個(gè)面板的右上角和右下角會(huì)顯示Apply 1 Change，點(diǎn)擊，然后接受個(gè)協(xié)議，Next，等待下載，Restart。

? ? ? ?需要特別說明一下，有時(shí)候Apply Change會(huì)顯示不出來，原因是Software Updates Available區(qū)域一進(jìn)來要檢查已有插件可用更新，Apply Change不顯示是因?yàn)樗€沒檢查完，網(wǎng)速慢的話需要多等一段時(shí)間。

使用

Content Assist

? ? ? ?提示鍵是和Eclipse設(shè)置的提示鍵相同的，提示時(shí)會(huì)顯示ScriptDoc和支持的瀏覽器。

? ? ? ?

? ? ? ?本來這個(gè)提示框右側(cè)會(huì)有一列瀏覽器圖標(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后，工具欄上會(huì)多出下面這個(gè)圖標(biāo)，可以通過它來更換主題。

? ? ? ?

? ? ? ?也可以通過依次點(diǎn)擊Window-->Preferences-->Aptana Studio-->Themes來選擇主題。

? ? ? ?Aptana2主題：

? ? ? ?

? ? ? ?Eclipse主題：

? ? ? ?

大綱視圖

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

? ? ? ?有大綱我們就可以通過CTRL+O來迅速找到某個(gè)方法或某個(gè)成員變量。

? ? ? ?

? ? ? ?還可以對(duì)指定的方法進(jìn)行鏈接，在調(diào)用方法處，按F3或者CTRL+鼠標(biāo)左鍵。

? ? ? ?

? ? ? ?這種鏈接可以跨JS文件進(jìn)行。

ScriptDoc

? ? ? ?通過寫ScriptDoc可以實(shí)現(xiàn)JavaDoc的那種效果，在post方法加上ScriptDoc。

? ? ? ?

? ? ? ?調(diào)用時(shí)：

? ? ? ?

? ? ? ?查看時(shí)：

? ? ? ?

Snippets

? ? ? ?依次點(diǎn)擊window-->show view-->Snippets顯示視窗，這里是一些定制好的模版，可以快速插入，模版可以自定義，自定義方法去看文檔吧，我也不知道。

? ? ? ?

搜索

? ? ? ?Aptana編輯器重做了搜索，在用編輯器打開的文件內(nèi)，按Ctrl+F，會(huì)顯示如下：

? ? ? ?

? ? ? ?Aptana加入了一個(gè)新的項(xiàng)目管理器，依次點(diǎn)擊window-->show view-->other-->studio-->App Explorer顯示視窗。

? ? ? ?

JQuery提示

安裝完Aptana3后，菜單欄會(huì)出現(xiàn)一個(gè)Commands，依次點(diǎn)擊Commands-->Bundle Development-->Install Bundle，會(huì)彈出個(gè)窗口，在最下邊選擇jquery，點(diǎn)擊會(huì)彈出個(gè)類似控制臺(tái)的東東，會(huì)自動(dòng)安裝JQuery支持，重啟MyEclipse，Commands下會(huì)多出個(gè)JQuery。
看下提示效果：
? ? ? ?

其它

? ? ? ?自動(dòng)提示EXTJS等第三方JavaScript框架、調(diào)試JS等其它功能，基于我本人不使用第三方框架，調(diào)試使用開發(fā)人員工具足矣，所以我沒有嘗試，網(wǎng)絡(luò)上應(yīng)該很多教程，即便沒有，也可參照Aptana Studio說明文檔。更多好用的功能等待去探索，推薦大家使用Aptana。

WebStorm：令人眼前一亮的一款前端開發(fā)IDE

http://cssha.com/webstorm/

總結(jié)

以上是生活随笔為你收集整理的Aptana：JavaScript开发利器的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。