Aptana Studio 3安装调试jquery\javascript

在VS2010中写js代码时非常令人苦恼的是其对JS代码智能提示很差，再加上自己又是个新手，写起代码来非常吃力，也试着按网上对于VS中更好地支持jquery代码智能提示的办法去解决，是今天试着去找一些jquery开发的工具，听说Aptana是一个非常强大、开源和专注于JavaScript的Ajax开发IDE。

提供JavaScript、JavaScript函数、HTML和CSS语言的Code Assist功能。

显示JavaScript、HTML和CSS的代码结构。

支持JavaScript、HTML和CSS代码提示，包括JavaScript自定函数。

调试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。

开发环境(Aptana Studio 3) 3.6.1 官方最新中文版评分:

8.3

类别： 编程工具    大小：130.8M    语言： 中文 
查看详细信息 >>

 

2.安装aptana，这个过程非常简单，基本就是next

安装Aptana Studio 3

双击以安装：

PS：我不是，就是个小菜鸟，呜呜～～～)

3.安装好之后，接下来就是添加对jquery的支持了。

（1）首次打开aptana studio的画面基本如下图所示(图中我已建了一个项目)：

（2）首先创建一个web项目(我只想在aptana中测试jquery的代码，所以就不考虑PHP、Ruby等项目啦)。

1.去运行：

看起来，应该都和Eclipse类似。

这个应该都会建的吧，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.当控制台中出现下图所示之后

*此处可能会发生如下错误：

xxx-pc-7xx@xxx-PC-07xx ~/Aptana Rubles 

$ git clone git://github.com/aptana/javascript-jquery.ruble.git

Cloning into javascript-jquery.ruble...

github.com[0: 192.30.252.129]: errno=No error

 

fatal: unable to connect a socket (No error)

爬了些英文发现是由于git://标准在有些地方不被支持的缘故，解决的办法比较简单

将git://标准变换为https://标准：

Try making git use an http connection rather than a git one like so:

git config --global url."https://".insteadOf git://

Sometimes the git protocol is blocked, but the https one won't be.

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”

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