當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

Aptana：JavaScript开发利器

發布時間：2024/4/17 javascript 43 豆豆

生活随笔收集整理的這篇文章主要介紹了 Aptana：JavaScript开发利器小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

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

簡介

? ? ? ?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。

WebStorm：令人眼前一亮的一款前端開發IDE

http://cssha.com/webstorm/

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。