Aptana Studio 3安裝調(diào)試jquery\javascript

開發(fā)環(huán)境(Aptana Studio 3)3.6.1 官方最新中文版

• 類型：編程工具大�。�130.8M語言：中文 評分：3.5
• 標(biāo)簽：

立即下載

在VS2010中寫js代碼時非常令人苦惱的是其對JS代碼智能提示很差，再加上自己又是個新手，寫起代碼來非常吃力，也試著按網(wǎng)上對于VS中更好地支持jquery代碼智能提示的辦法去解決，是今天試著去找一些jquery開發(fā)的工具，聽說Aptana是一個非常強大、開源和專注于JavaScript的Ajax開發(fā)IDE。

提供JavaScript、JavaScript函數(shù)、HTML和CSS語言的Code Assist功能。

顯示JavaScript、HTML和CSS的代碼結(jié)構(gòu)。

支持JavaScript、HTML和CSS代碼提示，包括JavaScript自定函數(shù)。

調(diào)試JavaScript。

支持流行Ajax框架的Code Assist功能：AFLAX、Dojo、jQuery、MochiKit、Prototype、Rico、script.aculo.us、Yahoo UI和Ext。

后來就去下載了aptana studio 3，但是在添加其對jquery的支持的過程中，仍然遇到一些問題，可見每一個新手開總是很難的，遂記錄下來供以后的新手參考，讓他們能夠少走些彎路吧。

1.下載aptana studio 3，可以選擇作為Eclipse插件的aptana版本下載，也可以下載能夠獨立運行的aptana。

開發(fā)環(huán)境(Aptana Studio 3) 3.6.1 官方最新中文版 評分:

3.5

類別： 編程工具    大�。�130.8M    語言： 中文
查看詳細信息 >>

2.安裝aptana，這個過程非常簡單，基本就是next

安裝Aptana Studio 3

雙擊以安裝：

PS：我不是，就是個小菜鳥，嗚嗚～～～)

3.安裝好之后，接下來就是添加對jquery的支持了。

（1）首次打開aptana studio的畫面基本如下圖所示(圖中我已建了一個項目)：

（2）首先創(chuàng)建一個web項目(我只想在aptana中測試jquery的代碼，所以就不考慮PHP、Ruby等項目啦)。

1.去運行：

看起來，應(yīng)該都和Eclipse類似。

這個應(yīng)該都會建的吧，F(xiàn)ile—>New—>Web Project，Project Template中我選擇的是“Basic Web Template”，如下圖所示：

然后就是為項目起名,我選擇“test”,點擊“Finish”完成。

剛建完的項目中只有一個"index.html”文件，

（3）在Aptana啟動的首頁(Start page),有一個鏈接“Adding JavaScript Libraries to your projects”，

點進去，進入下圖中的畫面，接下來都直接以圖順序作為步驟來說明了，不廢話了：

按照這張圖中的步驟來操作就可以將jquery庫構(gòu)建到項目中了。

a.

b.

c.當(dāng)控制臺中出現(xiàn)下圖所示之后

d.你會發(fā)現(xiàn)“Project Explorer”中產(chǎn)生了一個新項目。

至此，jquery的庫文件已經(jīng)產(chǎn)生，就是上圖中的“jquery.1.4.2.sdocml”和“jquery.1.6.2.sdocml”。

（4）接下來要做的就是將jquery庫文件添加進項目，以達到智能提示的目的。

a.選擇上面兩個jquery庫文件中的任意一個復(fù)制，粘貼到之前新建的“test”項目的任意位置。

b.一切做好之后，可以建js文件了，為便于管理，這里我在項目中建了一個“Scripts”文件夾，

把js文件放在此文件夾下：

c.打開“sample.js”，會發(fā)現(xiàn)aptana已經(jīng)能夠進行非常漂亮舒服的提示~\(≧▽≦)/~啦啦啦

d.另外，說下，如果你對哪一個方法或事件不熟悉，不知道怎么用，aptana會給出例子，你可以參考的。

e.最后如果要用到j(luò)s文件，別忘了在html文件中引入jquery原本的庫文件，如“jquery-1.7.1.min.js”

�。〗K于把這篇博客寫完了，希望能對有需要的人有幫助！