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

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

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

立即下載

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

提供JavaScript、JavaScript函數(shù)、HTML和CSS語(yǔ)言的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，但是在添加其對(duì)jquery的支持的過程中，仍然遇到一些問題，可見每一個(gè)新手開總是很難的，遂記錄下來供以后的新手參考，讓他們能夠少走些彎路吧。

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

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

3.5

類別： 編程工具    大�。�130.8M    語(yǔ)言： 中文
查看詳細(xì)信息 >>

2.安裝aptana，這個(gè)過程非常簡(jiǎn)單，基本就是next

安裝Aptana Studio 3

雙擊以安裝：

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

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

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

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

1.去運(yùn)行：

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

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

然后就是為項(xiàng)目起名,我選擇“test”,點(diǎn)擊“Finish”完成。

剛建完的項(xiàng)目中只有一個(gè)"index.html”文件，

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

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

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

a.

b.

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

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

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

（4）接下來要做的就是將jquery庫(kù)文件添加進(jìn)項(xiàng)目，以達(dá)到智能提示的目的。

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

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

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

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

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

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

��！終于把這篇博客寫完了，希望能對(duì)有需要的人有幫助！