flex3.0研究

flex3.0研究

关键字: eclipse flex builder 插件 集成 安装与设置

这两天准备学习Flex,于是下载了Flex Builder 3.0 For Eclipse plugin准备安装.
但是安装后启动Eclipse,找了半天也没找到Flex.而且Flex Builder会把JRE也安装.觉得这样很不爽.

所以我想到能不能来个Flex Builder绿色安装方法呢.

想到就做.下面是我的安装过程.(前提是系统已经有JRE,且JAVA环境变量已经配置OK,此处略过该安装)

一.首先下载安装Eclipse 3.3 解压到 D:\Program Files\eclipse 到算安装成功了.
二.下载安装Flex Builder 3.0
http://trials.adobe.com/Applications/Flex/FlexBuilder/3/FB3_WWEJ_Plugin.exe
1. 指定 Flex Builder 3.0 安装路径为D:\Program Files\eclipse\Flex Builder,进下一步. (你也可设为其它目录,但不要这样:D:\Program Files\eclipse)
2. 指定 Eclipse 安装路径为 D:\Program Files\eclipse 进下一步.
3. 选择是否安装浏览器 Flash Plyer 9 插件(可选安装)
安装要花一点时间.大家慢慢等待...出现一些提示你不用管它.
等安装完后运行 Eclipse.exe 你是看不到 Flex的..往下看我会帮你解决这个问题^_^
三. 绿化Flex Builder 这是重点.
1. 把D:\Program Files\eclipse\Flex Builder\com.adobe.flexbuilder.update.site\下的 plugins、features、site.xml
复制到 D:\Program Files\eclipse\ 覆盖原文件。

2. 把D:\Program Files\eclipse\Flex Builder\eclipse\下的 plugins、features复制到 D:\Program Files\eclipse\覆盖原文件。

3. 把D:\Program Files\eclipse\Flex Builder\sdks 复制到D:\Program Files\eclipse\

OK,Flex Builder安装完成,接下来就是启动Eclipse
我们现在已经可以找到Flex了.但还没完,请往下看.

4. 进行Flex的配置.
在Eclipse中.点击->Window->Preferences->Flex->Installed Flex SDKs
修改Flex SDKs 2.0 .和 Flex SDKs 3.0的路径点，其中Flex SDKs 3.0.1打上小勾，最后我们Apply让设置成效.
重启Eclipse..你就可以开发Flex了.

5. 现在你的Flex已经开始工作了.但之前安装的Flex Builder怎么办呢.哈哈.
运行这个D:\Program Files\eclipse\Flex Builder\Uninstall Adobe Flex Builder 3 Plug-in\Uninstall Adobe Flex Builder 3 Plug-in.exe就可以了.

============

以上都是COPY的.但这样子,是用不了的..找了好久,才找到还有一步

在MyEclipse6.0中部署FLEX的WEB工程的过程

 

1）  建立Flex项目，首先在MyEclipse下打开Flex视图，右键建立Flex工程。

在其中输入项目名称，点击“Next”按钮。

  2）此页面点击“New”按钮（为了建立Tomcat服务器）

PS：此处的output folder应该是context folder一样，都是WebRoot
 

建立TomCat服务器，如下图所示

注意一定要选择和你MyEclipse下对应的TomCat版本，然后点击“Next”按钮，进入下一个界面，点击“finish”即可。

 

3）  回到了第二步的界面，点击“Brower..”按钮，选择ds-console.war这个文件（此文件需要安装lcds软件，
我们只是要此软件下的这个war文件即可，对于此软件的安装，没有特殊的地方，正常安装即可完成），
最后点击“Next”即可进入以下界面，点击完成即可。

  4）  此时Flex项目已经建立好，再切换到MyEclipse视图下，如图所示：

 

各个包的讲解：

src:放的是Java的项目包

flex_src:放的是Flex项目用的文件

（实际上这个项目是有两个项目框架组成的）

 5）在项目上右键，向Flex项目中加入Web支持（作用：为了让TomCat可以加载此项目，因为Tomcat只可以加载Web项目），如下图所示：

 

6）  弹出的对话框后，将下面的Create web.xml这一项的对勾去除（因为项目下面已经存在了web.xml文件，
所以去除掉。），点击“Finish”按钮即可。

  7）  项目已经全部搭建完成。（可以发现项目的图标变为两个地球的样子）