jQuery开发环境【zend studio 9整合aptana 3】

       最近发现在dreamweaver cs5中使用jquery的智能提示的API，提示的信息很少，不爽。所以尝试使用zend studio开发。

       大家再也不用去 dreamweaver 里面写前台代码了，更强大的前台设计工具 aptana 3已经全面支持 zend studio 9,大家可以很轻松的将zend studio 9与aptana 3整合在一起!

下面是我整合后的样子，大家可以试一下，具体教程如图！

 

一、打开zendstudio，点击菜单栏上面的help->install new software则跳出如下所示界面。

 

二、安装aptana 3 插件。

在上图中点击add，跳出对话框，里面填入如下内容。

name：aptana 3.0

location：http://download.aptana.com/studio3/plugin/install

 

三、接受协议

四、一直点next，直到后面进行安装，因为服务器在国外，所以读取速率比较慢，大家耐心等待.如下图：

五、安装完毕重启zend后，界面如下：

六、查看首选项,大功告成！

-------------------------------------------------------------------------------------------------配置使用如下：

2. 默认编辑器的配置
Aptana安装完成了,还需要修改首选项preferences把相关格式文件的默认编辑器设置成Aptana.即,菜单Window»Preferences»General»Etitors»Fill Associations, 然后,在右边选择你想要默认用Aptana编辑的文件格式,然后再选择下面的Aptana插件,并Default为默认.

3. 为Aptana添加jQuery等支持插件
现在,为Aptana安装插件,以达到更加完美的功能.这一步,依你个人情况而定,主要是对于JS的框架支持,笔者长于jQuery,故安装的是jQuery插件.
在My Studio界面中找到View Plugin Manager(前面有个绿色的图标,如果没有重启一下Zend Studio),点击,会在下面出来一个窗口,然后再点击,该窗口右上角的绿色加号.

接下来,你就能看到插件窗口了,然后选择要安装的插件,比如我选择的是JavaScript Libraries下的jQuery Support.安装方法雷同于第一步,略过.

完成上面的3步,已经将Zend Studio与Aptana完美组合了,但为了达到更完美,下面几步绝对实用.

4. 取消Aptana的起始页
此时,你会发现每次打开Zend Studio都会有一个Aptanan的起始页,如何取消? 菜单Window»Preferences»Aptana»Strartup Page»选中Never display after startup

5. 右上角Aptana图标的显示
为了更好的切换Aptana与PHP模式,是不是希望在视察右上角PHP按键旁边有一个Aptana的小按钮,好办.
菜单Window» Open perspective»other»Aptana Web双击或者选中然后OK.上帝说要有光于是就有了光.
6. 自动换行设置
自动换行,很实用的一个小技巧,但同时,也会有一个BUG,即自动换行后行号显示也是不正确的.有两种方法,第一种,直接在打开的文件中,右键,Toggle word wrap选中即可;另一种,是强制所有的文件打开时都自动换行:菜单Window» Editors»Advanced»Enable word wrap,选中就可以了.

7. 预览项目时不生成tmp文件设置
预览html项目时,会自动生成一个tmp文件,并且,每次都会生成,对于我,这是绝不对容忍的,每次预览完都得去清理文档垃圾.还好,有个方法可以避免: 菜单Window»Aptana» Editors&raquoHTML»Preview»Generate temporary files for browser preiews取消勾选.

上面仅是我自己总结的一些小技巧,实际安装使用过程中可能还有更多问题,请大家千万别忘了支持Google一下,她能告诉你很多很多.
Tips, Aptana也有单独的版本,如果你平时工作学习仅限于前端,可下载单独的Aptana,体积要小很多. 在此,也强烈建议,前端工作者作都尝试一下Aptana,你会喜欢上的.

[原创地址]    [源码下载]    [更多原创，多多支持多]