在开始学习Flex之前,需要配置开发环境。Apache FlexSDK包含了你开发所需要的东西,当然除了集成开发环境(Integrated DevelopmentEnvironment,IDE)。严格的说,你不使用IDE也能进行开发,不过十分推荐你使用一个IDE。在这个文档中我们不再介绍怎样使用Notepad或者vi创建和编译一个应用,你只要知道你可以使用它们完成所需的工作就行。
可以参考官方教程:http://flex.apache.org/doc-getstarted.html
我使用的IDE是Adobe Flash Builder,下面说明怎么样在Adobe Flash Builder中安装ApacheFle。
1.下载Adobe Flash Builder
我们可以从adobe的网站下载Adobe Flash Builder,我下载的版本是Adobe Flash Builder4.7,地址如下:
http://www.adobe.com/products/flash-builder-family.html
https://creative.adobe.com/products/download/flash-builder
需要在上进行注册,通过邮箱就可以。
下载的文件是CreativeCloudSet-Up.exe,安装这个文件,在Adobe CreativeCloud中安装Flash BuilderPremlum,会自动下载安装,大小有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 BuilderPremlum或者运行lashBuilder_4_7_LS10_win64.exe。需要记住它的安装位置,如果是默认安装的话,在"C:ProgramFilesAdobeAdobe Flash Builder 4.7 (64Bit)FlashBuilder.exe"
3.下载Apache Flex SDK
地址如下:
http://flex.apache.org/installer.html
需要注意的是,如果你的Flash player版本不够高是看不到下面这个下载按钮(绿色的DOWNLOAD)的:
所以最好先把Flashplayer升级到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:ProgramFilesAdobeAdobe Flash Builder 4.7 (64Bit)sdks”下新建文件夹“4.13.0”,文件夹名对用flex的版本号,运行“Apache Flex SDKInstaller”:
点击下一步,选择安装位置“C:Program FilesAdobeAdobe Flash Builder 4.7 (64Bit)sdks4.13.0”,点击下一步,选择需要的许可协议,点击安装。然后等待下载和安装完成。
安装完成后如下:
关闭即可。
5运行Flash Builder
运行"C:Program FilesAdobeAdobe Flash Builder4.7 (64Bit)FlashBuilder.exe",需要输入刚刚在Adobe上注册的账号邮箱和密码
6配置Flash Builder中SDK的路径
点击窗口-首选项,在弹出窗口中选择Flash Builder-已安装的FlexSDK,点击添加,选择SDK位置“C:Program FilesAdobeAdobe Flash Builder 4.7 (64Bit)sdks4.13.0”,就是刚刚新建的文件夹:
点击确定。再点击确定
7创建一个新项目。
选择文件-新建-Flex项目。项目名称和位置自己选择,选择Flex SDK版本为“使用特定的SDK”:
点击完成。
此时会自动打开“HelloWorld.mxml”。需要注意的是Adobe Flash Builder 4.7和AdobeFlash Builder 4.6都有一个bug,当创建.mxml文件时会错误的增加下面这个属性:
layout="absolute"
要将其删掉。这个错误不一定会出现,如果出现会有红色叉标出。
修改HelloWorld.mxml:
保存后点击运行(ctrl+f11)就会看到在浏览器中的Hello World!。注意:最好使用IE并将Flashplayer升级到14。现在就可以继续学习Flex了。