Aptana Studio 3——對jquery智能提示非常強大的工具


 最近處於公司項目的需要,一直在學習jquery,但是在VS2010中寫js代碼時非常令人苦惱

的是其對JS代碼智能提示很差,再加上自己又是個新手,寫起代碼來非常吃力,也試着按網上

對於VS中更好地支持jquery代碼智能提示的辦法去解決,無奈不知道是不是VS版本的關系(

網上很多都是以VS 2008作為例子)始終沒有解決。  於是今天試着去找一些jquery開發的工

具,參見:http://book.51cto.com/art/201001/177145.htm。后來就去下載了aptana

studio 3,但是在添加其對jquery的支持的過程中,仍然遇到一些問題,可見每一個新手開

頭總是很難的,遂記錄下來供以后的新手參考,讓他們能夠少走些彎路吧。

 1.下載aptana studio 3,地址:http://www.aptana.com,可以選擇作為Eclipse插件

的aptana版本下載,也可以下載能夠獨立運行的aptana。

 2.安裝aptana,這個過程非常簡單,基本就是next,如果有人有問題的話,可以參考:

http://www.crifan.com/try_dev_ide_aptana_studio_3/ (順便說下,這個網站的作者

又是個大神,啊啊啊,怎么網上這么多大神呢,都這么厲害滴!博客園也是人才濟濟。。。

PS:我不是,就是個小菜鳥,嗚嗚~~~)

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

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

 

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

這個應該都會建的吧,File—>New—>Web Project,Project Template中我選擇的是“Basic Web

Template”,如下圖所示:

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

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

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

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

 

 

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

a. 

b. 

c.  當控制台中出現下圖所示之后

d.  你會發現“Project Explorer”中產生了一個新項目。

至此,jquery的庫文件已經產生,就是上圖中的“jquery.1.4.2.sdocml”和“jquery.1.6.2.sdocml”。

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

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

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

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

c.  打開“sample.js”,會發現aptana已經能夠進行非常漂亮舒服的提示~\(≧▽≦)/~啦啦啦

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

e.  最后如果要用到js文件,別忘了在html文件中引入jquery原本的庫文件,如“jquery-1.7.1.min.js”

 

   啊!終於把這篇博客寫完了,希望能對有需要的人有幫助!

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM