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

时间:2022-11-16 20:34:48

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

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

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


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

 

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

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

 

二、安装aptana 3 插件。

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

name:aptana 3.0

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

 

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


三、接受协议

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

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

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

五、安装完毕重启zend后,界面如下:

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

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

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


-------------------------------------------------------------------------------------------------配置使用如下:

2. 默认编辑器的配置
Aptana安装完成了,还需要修改首选项preferences把相关格式文件的默认编辑器设置成Aptana.即,菜单Window»Preferences»General»Etitors»Fill Associations, 然后,在右边选择你想要默认用Aptana编辑的文件格式,然后再选择下面的Aptana插件,并Default为默认.
jQuery开发环境【zend studio 9整合aptana 3】
3. 为Aptana添加jQuery等支持插件
现在,为Aptana安装插件,以达到更加完美的功能.这一步,依你个人情况而定,主要是对于JS的框架支持,笔者长于jQuery,故安装的是jQuery插件.
在My Studio界面中找到View Plugin Manager(前面有个绿色的图标,如果没有重启一下Zend Studio),点击,会在下面出来一个窗口,然后再点击,该窗口右上角的绿色加号.
jQuery开发环境【zend studio 9整合aptana 3】
接下来,你就能看到插件窗口了,然后选择要安装的插件,比如我选择的是JavaScript Libraries下的jQuery Support.安装方法雷同于第一步,略过.

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

4. 取消Aptana的起始页
此时,你会发现每次打开Zend Studio都会有一个Aptanan的起始页,如何取消? 菜单Window»Preferences»Aptana»Strartup Page»选中Never display after startup
jQuery开发环境【zend studio 9整合aptana 3】
5. 右上角Aptana图标的显示
为了更好的切换Aptana与PHP模式,是不是希望在视察右上角PHP按键旁边有一个Aptana的小按钮,好办.
菜单Window» Open perspective»other»Aptana Web双击或者选中然后OK.上帝说要有光于是就有了光.
6. 自动换行设置
自动换行,很实用的一个小技巧,但同时,也会有一个BUG,即自动换行后行号显示也是不正确的.有两种方法,第一种,直接在打开的文件中,右键,Toggle word wrap选中即可;另一种,是强制所有的文件打开时都自动换行:菜单Window» Editors»Advanced»Enable word wrap,选中就可以了.
jQuery开发环境【zend studio 9整合aptana 3】
7. 预览项目时不生成tmp文件设置
预览html项目时,会自动生成一个tmp文件,并且,每次都会生成,对于我,这是绝不对容忍的,每次预览完都得去清理文档垃圾.还好,有个方法可以避免: 菜单Window»Aptana» Editors&raquoHTML»Preview»Generate temporary files for browser preiews取消勾选.
jQuery开发环境【zend studio 9整合aptana 3】

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


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