完美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什么时候能支持啊，这一张张贴图也太痛苦了。。。