aptana studio 添加jquery提示

 安装好之后，接下来就是添加对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”

 

   
 

 

   啊！终于把这篇博客写完了，希望能对有需要的人有帮助！