• Apache Flex + Adobe Flash Builder环境配置


    在开始学习Flex之前,需要配置开发环境。Apache Flex SDK包含了你开发所需要的东西,当然除了集成开发环境(Integrated Development Environment,IDE)。严格的说,你不使用IDE也能进行开发,不过十分推荐你使用一个IDE。在这个文档中我们不再介绍怎样使用Notepad或者vi创建和编译一个应用,你只要知道你可以使用它们完成所需的工作就行。

    可以参考官方教程:http://flex.apache.org/doc-getstarted.html

    我使用的IDE是Adobe Flash Builder,下面说明怎么样在Adobe Flash Builder中安装Apache Fle。

    1.下载Adobe Flash Builder

    我们可以从adobe的网站下载Adobe Flash Builder,我下载的版本是Adobe Flash Builder 4.7,地址如下:

    http://www.adobe.com/products/flash-builder-family.html

    https://creative.adobe.com/products/download/flash-builder

    需要在上进行注册,通过邮箱就可以。

    下载的文件是CreativeCloudSet-Up.exe,安装这个文件,在Adobe Creative Cloud中安装Flash Builder Premlum,会自动下载安装,大小有1G左右,需要的时间比较长,也可以通过迅雷来下载安装,按照自己系统需要,将下面地址复制到迅雷的新建任务中,

    32 bit:

    http://trials3.adobe.com/AdobeProducts/FLBR/4_7/win32/FlashBuilder_4_7_LS10.exe

    64 bit:

    http://trials3.adobe.com/AdobeProducts/FLBR/4_7/win64/FlashBuilder_4_7_LS10_win64.exe

    2.安装Adobe Flash Builder 4.7

    在Adobe Creative Cloud中安装Flash Builder Premlum或者运行lashBuilder_4_7_LS10_win64.exe。需要记住它的安装位置,如果是默认安装的话,在"C:Program FilesAdobeAdobe Flash Builder 4.7 (64 Bit)FlashBuilder.exe"

    3.下载Apache Flex SDK

    地址如下:

    http://flex.apache.org/installer.html

    需要注意的是,如果你的Flash player版本不够高是看不到下面这个下载按钮(绿色的DOWNLOAD)的:

    clip_image002

    所以最好先把Flash player升级到14。点击DOWNLOAD下载“apache-flex-sdk-installer-3.1.0-bin.exe”之后安装。

    4.安装Apache Flex SDK

    运行“apache-flex-sdk-installer-3.1.0-bin.exe”,按照默认路径,点击继续,安装完成后,在“C:Program FilesAdobeAdobe Flash Builder 4.7 (64 Bit)sdks”下新建文件夹“4.13.0”,文件夹名对用flex的版本号,运行“Apache Flex SDK Installer”:

    clip_image004

    点击下一步,选择安装位置“C:Program FilesAdobeAdobe Flash Builder 4.7 (64 Bit)sdks4.13.0”,点击下一步,选择需要的许可协议,点击安装。然后等待下载和安装完成。

    clip_image006

    安装完成后如下:

    clip_image008

    关闭即可。

    5运行Flash Builder

    运行"C:Program FilesAdobeAdobe Flash Builder 4.7 (64 Bit)FlashBuilder.exe",需要输入刚刚在Adobe上注册的账号邮箱和密码

    6配置Flash Builder中SDK的路径

    点击窗口-首选项,在弹出窗口中选择Flash Builder-已安装的Flex SDK,点击添加,选择SDK位置“C:Program FilesAdobeAdobe Flash Builder 4.7 (64 Bit)sdks4.13.0”,就是刚刚新建的文件夹:

    clip_image010

    点击确定。再点击确定

    7创建一个新项目。

    选择文件-新建-Flex项目。项目名称和位置自己选择,选择Flex SDK版本为“使用特定的SDK”:

    clip_image012

    点击完成。

    此时会自动打开“HelloWorld.mxml”。需要注意的是Adobe Flash Builder 4.7和Adobe Flash Builder 4.6都有一个bug,当创建.mxml文件时会错误的增加下面这个属性:

    layout="absolute"

    要将其删掉。这个错误不一定会出现,如果出现会有红色叉标出。

    修改HelloWorld.mxml:

    clip_image014

    保存后点击运行(ctrl+f11)就会看到在浏览器中的Hello World!。注意:最好使用IE并将Flash player升级到14。现在就可以继续学习Flex了。

  • 相关阅读:
    Node.js模块风格在浏览器中的尝试
    Node.js的模块写法入门
    JavaScript中“+”的陷阱(续)
    Firefox/Chrome/Safari的中可直接使用$/$$函数进行调试
    使用r.js压缩整个项目的JavaScript文件
    拥抱模块化的JavaScript
    图片播放(3)
    JavaScript中“+”的陷阱
    仅IE6/7浏览器SPAN元素包含块级元素会使SPAN的背景色显示
    JavaScript模态对话框类(拖拽时动画)
  • 原文地址:https://www.cnblogs.com/mr-totoro/p/5785659.html
Copyright © 2020-2023  润新知