Zend Studio上安装使用Aptana插件(html,css,js代码提示功能)

最近装了zend studio 9.0 用了段时间发现写html,css,js代码没提示,要开dreamwaver(对js代码提示也不好)。就网上搜索了下,发现了Aptana插件,装上用了下,感觉不错。

贴下官方网址:http://www.aptana.com/

一.安装步骤:

1.zend studio->Help->Install New Software->work with点击add(见下图)

Zend Studio上安装使用Aptana插件(html,css,js代码提示功能)_第1张图片

2.这里有两个选择:

(1)Local(本地安装)

(2)在线安装,location中输入:http://download.aptana.org/tools/studio/plugin/install/studio

网上看到有人说,只有在线安装成功,我是本地安装的一样能用。、

Zend Studio上安装使用Aptana插件(html,css,js代码提示功能)_第2张图片

3.之后就是傻瓜操作,安装完成后,重启zend。

二.设置编辑器的配置

1.Window»Preferences»General»Etitors»Fill Associations,然后,在右边选择你想要默认用Aptana编辑的文件格式,然后再选择下面的Aptana插件,并Default为默认.

Zend Studio上安装使用Aptana插件(html,css,js代码提示功能)_第3张图片

2.取消Aptana的起始页

之后发现每次打开zend,Aptana会显示起始页,怎么取消呢?

Window»Preferences»Aptana»Strartup Page»选中Never display after startup

Zend Studio上安装使用Aptana插件(html,css,js代码提示功能)_第4张图片

三.如何使用Aptana(见下图)

.css或者.js文件

Zend Studio上安装使用Aptana插件(html,css,js代码提示功能)_第5张图片

好了,让我们看看效果

CSS的

Zend Studio上安装使用Aptana插件(html,css,js代码提示功能)_第6张图片

JS的

Zend Studio上安装使用Aptana插件(html,css,js代码提示功能)_第7张图片

你可能感兴趣的:(Zend Studio上安装使用Aptana插件(html,css,js代码提示功能))