eclipse强大的代码【javascript|html|css|jquery|…】提示插件 —— aptana

时间:2022-11-16 20:51:12
说明:文章转自http://wmcuit.com/index.php/2010082715/code-hinting-plugins-for-eclipse


一、eclipse准备

eclipse 的选择非常的重要,否则,将无法成功完成aptana的安装,即使是安装好后也可能会安装不了jquery插件。按官方说,选择3.5 或 更高的。 这里需要提醒大家,经过我的测试,只有3.5和3.6都能成功安装,但是只有3.5可以使用插件管理器。当然现在官方已经知道这个BUG,正在修复中。。所以在这里我推荐大家最好使用3.5的。

需要注意的问题是,在安装过程中,可能会提示获取资源失败,不用管,点OK就行,继续等。。这里你可能看到进度条长达半小时不动,这个不用理它,安装获取的字在变化就行。这个是网络原因引起的,毕竟别人的服务器在国外。。。。

    二、apatana相关

Installing via Eclipse

Please copy the following Update Site URL to your clipboard and then follow the steps listed below to add this URL to your Available Software Sites list. Attempting to access this URL using your web browser will return an Access Denied error.

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

  1. From the Help menu, select Install New Software... to open the Install New Software dialog.
  2. Paste the URL for the update site into the Work With text box, and hit the Enter (or Return) key.
  3. In the populated table below, check the box next to the name of the plug-in, and then click the Next button.
  4. Click the Next button to go to the license page.
  5. Choose the option to accept the terms of the license agreement, and click the Finish button.
  6. You may need to restart Eclipse to continue.

根据上面的官方文档可以看出,和一般的Eclipse插件网络安装方法是一样的。而插件的安装地址就是上面的那个URL,当然更新完后一定要记得重启Eclipse.当然,eclipse也会弹出一个对话框让你选择是否重启,这里一定要选是。。

eclipse强大的代码【javascript|html|css|jquery|…】提示插件 —— aptana

eclipse强大的代码【javascript|html|css|jquery|…】提示插件 —— aptana

 


   

    PS:在Install对话框中,注意去掉Group items by category 和 Contact all update sites during install to find required software 两项,至于为什么可以查相关资料,我不在这里做相关的解释。 

在eclipse的windows菜单中选择preferences如出现aptana选择,择代表安装成功。

eclipse强大的代码【javascript|html|css|jquery|…】提示插件 —— aptana

   

当然启动eclipse 后也会出现如下页面:

eclipse强大的代码【javascript|html|css|jquery|…】提示插件 —— aptana

   

安装jquery插件:

          

eclipse强大的代码【javascript|html|css|jquery|…】提示插件 —— aptana

eclipse强大的代码【javascript|html|css|jquery|…】提示插件 —— aptana

  

   当然这里有更多的eclipse 提示插件 (ext js , php ,yahoo ,dojo, aflax , prototype 等常用框架) 要用什么勾上,当然也要到配置下配置启用它们。
在下面的常用设置中,向大家展示如何启用。

  

三、常用设置如下:

eclipse强大的代码【javascript|html|css|jquery|…】提示插件 —— aptana

        

(这里设置你想要支持的浏览器环境,这在在代码提示中,如果某个方法或属性不支持的浏览器会显示为灰色)

eclipse强大的代码【javascript|html|css|jquery|…】提示插件 —— aptana

eclipse强大的代码【javascript|html|css|jquery|…】提示插件 —— aptana

       

注:上图是是新升级后,发现aptana 已经支持 jquery1.4 的代码支持。

(这里选择JAVASCRIPT提示代码的支持,这里是不是看到JQuery支持了吧,记得上面Automatically选中)

 

四、使用

     1、右键你要编辑的JS,选择open with ,再选反Aptana JS Editor 就可以编辑JS了。

eclipse强大的代码【javascript|html|css|jquery|…】提示插件 —— aptana

 

    效果如下:

eclipse强大的代码【javascript|html|css|jquery|…】提示插件 —— aptana

eclipse强大的代码【javascript|html|css|jquery|…】提示插件 —— aptana

  

PS:关于html中的javascript怎么编辑(提示)?你右键要编辑的文件,选择open with 下的other选择aptana HTML Editor,这样即可以编辑HTML又可以编辑javascript,而且都有提示,提高CODING速度。

   

 

eclipse强大的代码【javascript|html|css|jquery|…】提示插件 —— aptana