完美RIA开发环境:整合RadRails和Flex Builder

阅读更多

最近在看一本书,叫《Flexible Rails》,是讲如何整合Flex和RoR的,很新的主题。因为我很早就梦想把这两者整合到一起,而且也一直关注这方面的消息,所以看到这本书很兴奋,于是随着作者开始依葫芦画瓢。

我是在WinXP下开发,书中用的开发环境是Flex Builder 3,Rails 2.0.1,RadRails(不知道是什么版本),提出了很好的目录结构的思路。正好我的机器上这几样东西都有(虽然Flex
Builder的试用快要到期了LoL),于是开始动手。开始还蛮不错,不过开发一段时间之后就发现系统好像越来越慢。。。大哥,1G内存也不够用了?也是,两个Eclipse,都占个200M+,一个Firefox,多开几个网页,再加上一个Adobe Reader。。。占内存倒不是什么大问题,反正现在内存是白菜价,不过在Aptana和Flex Builder上切来切去太烦了。。。一想两者都是Eclipse RCP,而且好像都提供了Plug-in 版本,难道不能把他们弄到一块去?

嗯,说动手就动手。开始的想法是用Flex Builder或者Aptana中的任何一个RCP,然后把另外一个作为Plug-in加上去,这种改RCP为插件的活俺也没少干,嘿嘿。可惜,无功而返。Flex
Builder 3是基于Eclipse 3.3的,而Aptana的版本还保持在3.2上面,死活装不上。后来把心一横,全部来新的,俺就不信装不上去了。不过现在机器上5、6个Eclipse的版本和RCP。嗯,我忍。

下面是Step by Step:

1.下载Eclipse 3.2的任何一个版本。
我是下载的3.2.1,后来装完之后自动升级到了3.2.2。在哪可以下载?我晕,这里。

2.下载Aptana和RadRails的最新版本。
Aptana官方网站上就可以下载,注意选那个Eclipse Plugin哦。不过他们现在要赚钱,结果搞得下载都麻里麻烦的。。。还是上他们的Update Site比较爽,我都用的Archived Site,还可以用迅雷一类东东。接下来是RadRails,已经出到0.9.3了,这里下载。据说Studio 1.1里面RadRails已经到1.0了,不过俺没钱,呵呵,只好用免费的啦。

3.下载Adoble Flex Builder 2。
因为Flex Builder 3是用Eclipse 3.3的,不带Aptana玩,所以俺只好忍一忍,用2啦,其实Flex Builder
2也已经满好用啦。

链接在这里,不过你需要Adobe ID,记得下Plugin版本哦。

4.Rails环境配置。

嗯,这个不多讲,我喜欢用Instant Rails,现在是2.0,Rails的版本号是2.0.2。看这篇文章的人至少应该会一点Ruby on
Rails吧。

5.整合开发环境。

接下来是重点,把他们揉到一块去。先把Eclipse解压到一个目录,比如D:\Eclipse,然后把Flex Builder
2也用插件的形式装到这个Eclipse上(这步应该没什么问题,Install Anywhere还是蛮明确的)

接下来,启动Eclipse,在菜单里Help->Software Updates->Find and Install,选Searching
for new features to install,接下来选New Archived
Site,嗯,我就不罗嗦了,同样的方法把Aptana和RadRails装好。先装Aptana,有依赖的。

 



装好之后,你的Help->About Eclipse SDK应该是这个样子。

6.使用

先把Instant Rails和RadRails配置好,怎么配置我就不写了,难得打字。切到Rails视图,Windows->Open
Perspective->Rails

RadRails 0.9.3里面Ruby Explorer 代替了Rails Navigator,还不错。File->New->Rails
Project,按照前文书中的例子,建一个叫Pomodo的项目。新建好后,项目结构如下:



然后在Pomodo上右键->Flex Project Nature->Add Flex Project Nature



好啦,现在这既是一个Rails项目,又是一个Flex项目啦。不过呢,这个目录结构还不算完美。按照Flexible
Rails的目录结构,在app目录下建一个flex目录,作为Flex的源文件路径,在public目录下建一个bin目录,作为Flex的发布路径。接下来,选中Pomodo,菜单Projects->Properties


在Flex Build Path里面修改一下源文件和目标文件的路径,如上图。最后,把根目录下的Pomodo.mxml拖到app/flex目录下,好了,大功告成。接下来的Step by tep,就看《Flexible Rails》吧,呵呵。

7.Rails编辑器和自动完成功能

这个是附送的啦。自从看了TextMate的录像之后就一直流口水,不过T60才买不久,哪有钱换MacBook?只好在Windows上一顿折腾。俺使用了无数编辑器,从RadRails、NetBeans、E-TextEditor、RoRed。。。最后,找到了终极解决办法,TextMate for
RadRails,哈哈。不过我不喜欢那个字体,下了个Monaco,嗯,这下完美了。Show一下吧:)


不过不喜欢Dr Nic那个Editor Part的题目字体,很烦,于是自己改了一下,这下,嗯,Nice!!!

如果你完全按照我的安装过程,你可以下载我的Preference,不过注意导入之前先备份你的偏好,万一不行还可以改回来。

接下来自动完成。

RadRails
0.9.3里面是有自动完成的功能的,就像TextMate的Bundles一样。我怀疑以前一直都有,只是不起作用,在Edit->ContentAssistProposal.label就可以用。我只是给他加了个快捷键。Windows->Preferences,然后选General->Keys,在Modify
Tab里面,Category选Edit,Name选Ruby Content Assist。接下来在Key
Sequence的Name里按一下Alt+/,然后Add(如果你导入了我的Prefences,我不知道是否已经有了),就OK了。接下来,就打个ren,按Ctrl+Alt+/,render就自动补全了,再按Alt+/,就跳出来自动补全的下拉菜单,按Tab就上去了。可惜还不能像Vi那样用HJKL在下来里面选:P
同上,Show图:


好了,环境配置到此结束,哈哈,基本上完美了。

几个小不足:

1.MXML的编辑器的背景色也被改掉了。。。

2.Flex Builder里面没有Code Formatter,找了一个,但是还不好用。。。

3.就是上面说的了,Tab到下来菜单之后,要是能用J和K键来选,就完美了(也许可以设置快捷键?这就要靠聪明的你了)

 

 

PS: 这篇文章用Windows Live Writer写的,发到Blogger上如行云流水。JavaEye什么时候能支持啊,这一张张贴图也太痛苦了。。。

 

你可能感兴趣的:(Flex,Rails,Aptana,Eclipse,Ruby)