介绍Flash Builder 4工作流程(中)

文件模板

下一步,你应该想要去到Flash Builder -> File Templates菜单查看。这是一个Flash Builder新特性。这个特性允许你去创建模板为每一个支持的文件类型。当前有ActionScript, CSS, FlexUnit  MXML模板。如果你想要添加自定义的许可信息或者代码到你要创建的项目中,这是一个伟大的特性。虽然这并不像FDT的代码模板强劲,它仍然是IDE中可喜的增加以及节省时间的功能.

templates.jpg


定制运行

最终让我们移动到Run/Debug -> Launching 菜单。这里我做两处修改:我已设置始终在调试模式下启动(第三选项下),根据运行操作设置始终启动之前启动的应用程序。这可以确保当我运行最后编译运行命令返回(我们在上面的快捷键设置),它总是打开我最后的运行的项目.

run_preferences.jpg


这基本上涵盖了如何配置Flash Builder.当然有很多的不同的设置你可以调整你想要的内容,当你刚刚起步的时候,我认为这些最重要的时候.

安装插件

Eclipse拥有很长的开源插件历史,这将填补到你日复一日的开发中。这是我使用和我喜欢的主要列表:

  • XMLBuddy 一个Eclipse强大的XML编辑插件。这个工具能够完成基本的格式验证,和错误检查。确保你获得的版本适合Eclipse 3.1以上
  • Mylyn 如果你正寻找一个项目管理或者任务管理检查插件。他融入到Flex Builder同时提供大量的特性.
  • SubClipse 是一个Eclipse SVN 客户端。我将要在教程中晚点安装这个.
  • SourceMate 添加代码生成,重构,代码模板,关键标签支持,等等.
  • EGit 是一个新的插件,提供Git支持,我之前使用一个测试版,但现在他们已经更新了一个更为稳定的版本.

插件可以被手动安装通过拖拽他们到Eclipse -> Plugin文件或者通过Help -> Install New Software menu.

software_update.jpg


我将要继续讲解怎么快速安装SVN  Git。在开始,让我们点击Add…按钮。从这里我们可以添加一个你想要安装的插件的站点。这是如果配制SubClipse:

subclipse_url

Location: http://subclipse.tigris.org/update_1.6.x

你将要看到正确的插件被加载,同时你已经选中你想要安装的部分.

install_subclipse

一旦你已经选择支持的特性,点击next agreeEclipse将要开始下载文件。当安装完毕你将会被问,是否重启Flash Builder.如果你想继续安装EGit,点击No.

返回输入EGit 到安装新软件.

egit_url

Location: http://download.eclipse.org/egit/updates

同样选择EGit 然后点击next 然后 agree 条款。当这个完毕,点击 Yes 然后重启 Eclipse.

当我最初写这篇文章的时候,实际我无法在绑定了Flash Builder 插件的3.4版本的Eclipse上安装EGit。这是很另人懊恼的对于标准独立版本的Eclipse3.5 对老版本绑定Flash Builder插件。因此这看起来已经有一个对Jira上未能安装EGit http://bugs.adobe.com/jira/browse/FB-26337错误.

现在你已经了解了如何安装软件。我建议你查看我提供的列表,这会让Flash Builder拥有更多特性.

创建一个项目

在默认情况下,每个你创建的项目都在你所在的Flash Builder工作空间中。可以把你的项目放置在你机器的任意位置上,它们不总是需要必须放到工作空间文件夹,但确保组织这些事情合理。一旦项目被创建,Flash Builder 自动设置理想的项目结构。所有项目站点都以工作空间文件夹作为根目录.

正像在Flex Builder中那样,我们有三种项目类型,和一个新的类型:

  • Flex Project – 这是你的标准Flex project.他有一个bin-debuglibs, html-template,  src 文件夹. Flash Builder 将要创建默认的主类作为一个MXML。这个主类是你想要使用的Flex应用文件。最终Flex项目配置也允许你创建Web 应用或者Desktop (AIR) 应用.

    flex_project

  • Flex Library Project – 这是用于创建共享库,将会编译成SWCs.在你的AS3项目你将会很容易调用Flex .

    flex_lib_project

  • ActionScript Project –这只试用于AS3开发。你获得bin-debug, html-template  src 文件夹. Flash Builder将会创建.as文件作为你的主类.

    as3_project

  • Flash Professional Project – 这是一个新的项目,这个项目允许你整合Flash Builder  Flash CS 5 项目。我计划分开制作的工作流程教程,一旦Flash CS 5没有最终释放,这将会有很多不同.

项目属性

每个项目有它自己的项目设置,让我们查看一个ActionScript项目。你可以通过右击项目属性选择Properties 查看.

Properties_for_ActionScriptProject.jpg


ActionScript 应用

这个菜单包含了Flash Builder可以设置和运行的应用程序类文件。着意味着Flash Builder将会编译到自身的swf文件中。Flash Builder 4中的新特性,可以编译一个类到"runnable application"包中。在这个可以设置的默认菜单中,你可以添加你所需要的.

as3_apps

ActionScript编译路径

这个菜单包含了一些重要的路径,包括你要使用的SDK,你要包含的SWCs,以及src目录和输出文件夹.

build_path

让我们讨论一下如何添加SWCs到项目中。正像我所提到的,你可以创建一个Flex Library项目,然后自动编译出你的SWC。你可以通过点击Add Project添加任何其他的库项目。如果你想手动添加自己拥有的SWCs,怎么做呢。你可以一个一个添加他们通过Add SWC...选项或者拖拽他们到一个文件夹然后使用Add SWC Folder... 指向目录。通常在你的项目中,我将会拥有一个libs 文件夹,我放置所有的关联代码到这里。即使我有几个Flex Libraries在我的工作空间中。我仍然把最新编译的SWCs放置到Libs 文件夹。这样当我从版本控制中获取我的项目时,我能够获得所有我需要的文件.

Advertisements

发表评论

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 更改 )

Twitter picture

You are commenting using your Twitter account. Log Out / 更改 )

Facebook photo

You are commenting using your Facebook account. Log Out / 更改 )

Google+ photo

You are commenting using your Google+ account. Log Out / 更改 )

Connecting to %s

%d 博主赞过: