如今前端设计和开发分工明确，对于专注于前端开发的同学来说，希望能有一款完美支持的前端技术的开发工具。adobe Dreamweaver一向把持着web开发设计的主导地位，由过去的“所见即所得”的开发理念，逐渐转变为对设计环境和开发环境不同的环境支持。adobe系列对于web设计的整合很完美，可是对于web开发上的支持就不怎么样了。即使如此，我也还是很喜欢用Dreamweaver的编辑功能，写css很顺手，写js还成，毕竟对于js的话，我也才上手。
不过我发现了这么一款前端开发工具——aptana（http://www.aptana.org/），可以让我抛弃Dreamweaver了。
Aptana过去是有免费版和收费的pro版，不过从2.0版已经完全免费且开源了。由于是基于eclipse开发的，所以也是跨平台的。现在时2.01
除了完美对html、css、js的支持，装上相应插件后，可以实现对各种流行ajax库的支持。（–！我就会jQuery……）此外还有对ruby、python、php这些开发语言的支持。还有对adobe air的开发也是支持的。总之就是很豪华的一套工具！更详细的移步Aptana官方主页：http://www.aptana.org/
官方提供了独立安装包和eclipse插件两种安装方式。
一、独立安装包。
直接解压安装即可。可能因为存在其他eclipse的IDE，所以运行的时候，可能会出现workspace出错等问题。
解决方式：
在桌面快捷方式的目标路径后面加“-data”参数以另外指定一个workspace的路径。例如："D:\Aptana Studio 2.0\AptanaStudio.exe" –data e:\workspace
二、插件安装。
可以在基于eclipse所有的IDE上安装。比如，myeclipse、zend studio之类的。
eclipse的安装通常有两种方法：
1、在”help”-“Install new software”中加http://download.aptana.org/tools/studio/plugin/install/studio这个地址安装插件。
不过速度慢，据说容易出问题，还是不要这样折腾的好。
2、下载插件安装。
先去http://www.aptana.org/studio/plugin这下载插件吧。
在HELP->Install New Software中点击Add…打开Add site，然后点击Archive选择下载的插件安装。
安装好了之后可以在plugin manager中添加你所需要的插件。
ajax库支持
从上图中我们可以看出Aptana提供了丰富的ajax库支持。装上你常用的库，你就可以在项目中更好的使用Aptana对ajax这些流行库的支持。
对项目添加ajax库支持的操作流程：
1、右击项目->import
2、选择Aptana下的Ajax Library Import Wizard
3、勾选你所要用的库
4、然后确定导入即可。
然后编程中，这些导入的库将自动提供支持。
Tips：
1、我从Aptana2.0开始使用那会对jQuery的支持还有些问题：对$不支持，只能使用jQuery。在官方论坛上也发现有人提交了这个bug。所幸第二天2.01版就出来了修正了这个bug。
2、在菜单 Window / Preferences / General / Keys ，然后找到“Content Assist”这一项可以修改快捷键。我用的是AIT+/。
3、如果jQuery这些库的支持没有出现的话，首先确认你已经装了相应插件，然后在Window / Preferences / Aptana/Editors/JavaScript/Code Assit中勾选相应的库支持。
No comments:
Post a Comment