ＦＤ｛FlashDevelop｝

FlashDevelop代替FLEX 4开发

2008-09-24 11:57

 

AS3-学习笔记-flashdevelop平台-搭建-配置

2008年10月3日 1:40 am - 代码浅谈 - actionscript - flashdevelop - 学习笔记

前段时间在啃完两本AS书后，开始蠢蠢欲动，Jo-Nick推荐用flashdevelop开发，于是就整了个来玩。这个软件 相当地淑女，喜欢她那简洁而又华丽的外表，还有一些非常实用的小细节，不过伺候起来还比较麻烦，前期要整好多东西。
PS:虽然天地会论坛里有讲怎么安装，但是因为在论坛里，看起来还比较麻烦，所以就打算整理一下，嘿嘿。

下面稍微介绍一下如何搭建这个 淑女一样的平台。

首先是下载相关软件：

1.flashdevelop 3.9+下载地址
2. .net framework 2.0 版本列表
3. java sdk 1.6 下载地址
4.flash SDK 4.0 下载地址 版本列表最近发现 4.0出来了 就下了4.0 听说4.0更牛逼·· 还有 flash player 10 （flash真强大）
补充: 有网友提出的trace显示不出来, 飞鱼经过实践发现flex_sdk_3 有些版本 在调试中不出trace, 建议下载,flex_sdk_4.

5.Flash player Debug 下载地址 下载列表 （调试用的呢· 不然flash里的trace 就显示不出来了。）
补充:网友aObject 反应 上面的debug不能用,经证实确实会提示错误. 通过交流,找到了正确的debug sa_flashplayer_9_debug.exe 也希望哪位达人给个解释, 3Q 

如果只开发 as 那么以上 软件已经够了呢。

下载完后，就开始配置咯。

分别装好FD(flashdevelop),.net framework 2.0,java sdk 1.6。flash SDK 4.0 不用装呢·，解压开放在自己看得见找得到的地方,如: D:\flex_sdk_4 (之后有用)。
Flash player Debug 就放在 flash player 相同目录吧。

然后打开FD是开始配置

Tools -> Programe Settings 设置AS3context 下的 flex sdk 的地址为 上面你保存的地址路径

设置Flash viewer 下 的External player Path 为 flash player debug 的地址。

至此配置 简单完成。

初次调试：

新建一个empty project

新建一个main函数

写下 我的初夜··· hello world ：
个人觉得这个目录方式很经典··。膜拜中。。

设置发布文件形式。
注意：要将下面的test movie 改成 External player 否则看不到trace的哦。

然后勇敢地 按ctrl + enter 测试吧。

您可能还对这些日志感兴趣

• 不色不计
• 举手之劳–支付宝招聘首页flash解读
• 飞鱼的乱翻乱教-编号002-美味青苹果
• 飞鱼的乱翻乱教-编号001-水晶质感icon
• Dreamweaver 代码配色方案 DIY

 

还是习惯FD的代码提示，FLEX小用了下还是不习惯。
FD的代码提示好方便好用，不论是mxml as都能很好的编辑。

目前最新的FD 版本是 FlashDevelop 3.0.0 beta9 点击这里下载

在开发前先配置好环境先下载

java sdk 1.6:http://javadl.sun.com/webapps/download/AutoDL?BundleId=12798
如果你只用FD结合FLASH IDE来开发的话，没开发FLEX项目可以不下载安装，我今天这里讲的是开发FLEX项目，就麻烦你下载后安装

.net framework 2.0:http://download.microsoft.com/download/5/6/7/567758a3-759e-473e-bf8f-52154438565a/dotnetfx.exe
FD的安装环境，这个必装的，要不FD连运行都运行不了，那就更不要提开发

FlashDevelop 3.0.0 beta9 http://www.flashdevelop.org/downloads/releases/FlashDevelop-3.0.0-Beta9.exe
FD，这个我想就不用说了，我们就是用这个工具来做开发的

Flash player 10 Debug http://opensource.adobe.com/svn/opensource/flex/sdk/branches/3.0.x/in/player/10/win/
FD开发的时候总要调试吧，所以你要装Debug版本的FLASH PLAY，这里是最新的版本10。当然你也可以不用Debug版本，那样的话你在FD中调试的时候trace不出信息就是这个问题

Flex 4 SDKhttp://opensource.adobe.com/wiki/display/flexsdk/Download+Flex+4
这个是少不了的，FLEX的SDK，没这个你怎么能开发呢。

按顺序把上面这个写的都装好。（Flex 4 SDK 解压出来就行了如解压到D:\flex4 sdk)

打开FD按下列图片进行配置

步骤1：

步骤2：

开始你的项目开发：

配置过程几个重要点地方

要使用Debug版本的FLASH PLAY，这样你才可以在FD里调试。

因为sdk中的mxmlc对MXMl文件进行编译成SWF需要java环境。
要装作JAVA环境才能让FD 进行FLEX项目开发

[初级]FlashDevelop使用教程-AS3环境

字体: 小 中 大 | 打印 发表于: 2007-12-09 19:24    作者: KingFo_HZ    来源: ActionScript 3天地会门户

今天真是失败.....
自己的办公svn数据竟然没有上传....
窝在窝里发呆了一个下午，明天等着老板扁了..........

正好同事问我FD怎么使用，顺便做了个教程同大家共享~

本教程采用Q&A方式，不妥之处请回帖

QUOTE:

Q：去哪获得？
A：官方网站，网址是http://www.flashdevelop.org/community/viewforum.php?f=11 越靠近顶端的越是最新版本，至今日回答前已经是FD3的Beta5版本了.值得一提的是他目前已经完全是绿色版本啦~可以拷贝到你的USB上，运行任何地方~！

QUOTE:

Q：我下载好了，怎么提示安装不成功？
A：安装它需要有以下几个基础条件：
      1.如果没有安装FLASH CS3，则需要安装flash sdk2或3。
     2.需要JAVA SDK 1.6版本以上
     3.需要dotNET framework 2.0

QUOTE:

Q:安装好后如何配置？
A：
  1.运行后选择如同

1.jpg

2.然后选择 AS3Context , 将 FLex SDK 选择为你目前SDK安装路径，如果你已经安装了FLEX Builder 的话可以从它安装路径里找到

2.JPG

3.设置 ASCompletion，将自动提示设置为当按下一个字符，(这个很重要，呵呵 可以节约相当宝贵的时间)

3.JPG

QUOTE:

Q：如何开始第一个项目？
A：如图

1.jpg

2.JPG

ok~ 你可以按下 Ctrl+Enter 测试了

3.JPG

[ 本帖最后由 KingFo_HZ 于 2007-12-9 19:34 编辑 ]

我也来说两句 查看全部回复

最新回复

• KingFo_HZ (2007-12-09 19:37:00)

  郁闷，只要我将下面引用的括号起来就说我字数不够，更可恶的将我的内容清空.......于是多了此行
  
  
  正题：
  

  QUOTE:

  
  我们可以在项目的属性里更改输出设置~
  
  如图
  

  
  1.jpg

  
  
  

  
  2.JPG

  
  
  

  
  3.JPG

  用FLASHDEVELOP的一点点心得

  1把文件改成UTF8形式 默认的不是UTF8
  打开 按F10 MAIN-杂项-default codepage 改成utf8
  
  2中文字体的支持，默认的字体对中文支持了不好，写中文注释非常不爽
  tools - application files - settings - ScintillaNET.xml
  修改
  <value name="default-font">Arial</value>
  <value name="default-font-size">10</value>
  
  一个是字体 一个是大小 我已经改成arial 10px了 当然你也可以改成宋体
  
  3按快捷按钮新建的文本不是as3而是as2 需要在syntax里改成as3
  如何改默认类型as3我还没搞明白
  
  希望对大家有用 懒人推荐FD写代码+FLASH CS3编译

原文: http://www.p-boy.cn/?p=73

在flashDevelop中解决trace的方法

2008-05-09 @ 20:36:51 · 作者 powerboy · 归类于 actionscript3.0学习笔记

最近正在学习用flashDevelop开发flash程序，其中遇到一个问题，我们在flashIDE中测试程序的时候，可以直接通过trace输出结果，然而在flashDevelop中却没有任何提示，幸好得到好心人指点，这里分享给大家：
1、建立一个xtrace类：
下载: xtrace.as
package org.flashdevelop.utils {
import flash.system.fscommand;
public function xtrace(msg:Object):void {
fscommand("trace", msg.toString());
}
}

2、将上面这个类文件复制到<盘符：>FlashDevelop\FirstRun\Library\AS3\classes\org\flashdevelop\utils下；
3、在程序中import org.flashdevelop.utils.xtrace;
4、在想要输出数据的地方写xtrace()就可以了，括号中可以写你想要输出的变量的值。

 

 http://www.flashdevelop.org/wikidocs/index.php?title=Features:Interface

Interface

 

[edit]

Overview

FlashDevelop has a nice docking interface that you can reorganize as you like. Get the latest product information and updates from the Start Page. Manage your project using the Project panel: create classes from templates, embed assets.

 

[edit]

AS2, AS3 and haXe languages support

FlashDevelop has built-in support for many workflows. Flash CS3, Flex SDK, Mtasc/haXe+Swfmill are seamlessly integrated.

 

[edit]

Navigate in your code

The Outline panel gives you an overview of your code. Click in the tree to jump in the code or open imported classes. Note that anywhere in your code you can also press F4 to jump to the declaration of the element at cursor position.

 

[edit]

Keep track of your project state

The Tasks panel help you track your project state: see what you have TODO or the BUGs to fix. If these are not enough, add your custom keywords.

 

[edit]

Compilers integration

See compiler errors in the Results panel - double-click on errors to jump to the reported error location. This panel captures Flash CS3, Flex SDK, Mtasc and haXe compilers - in fact it can capture any tool executed by FlashDevelop if the error output format is recognized.

 

[edit]

Text encoding

Easily transform or convert your documents text encoding.

 

[edit]

Text operations

Comment/uncomment, tr

Helpers

 

[edit]

Smart code completion

FlashDevelop's code completion works with your and others classes. Press Tab to expand usual code snippets (function, get/set, for, while, if,...). See how the list tips are filled with information extracted from the code comments.

FlashDevelop knows all your project classes, so just let FlashDevelop automatically import them for you.

[edit]

Rich code completion

FlashDevelop has a rich code completion - the code call-tips show you the methods parameters and event extracts information from the original code's documentation.

If the code extracts are not enough, press F1 to get the complete comments from the original code!

 

[edit]

Mouse hover for information

Move your mouse over anything in your code to see it's type and declaration location.

Code generation

 

[edit]

Snippets

Code snippets are chunks of code that you often need to insert in your code. Press Ctrl+B to expand a code snippet or view the snippets list. Snippets can be smarter by using contextual "variables". FlashDevelop includes a Snippets editor (puzzle button in the toolbar).

 

[edit]

Event handlers generation

Write a regular addEventListener call, move your cursor on the (missing) handler's name and press Ctrl+Shift+1 to generate the event handler. This works also with AS2 Delegate handlers.

 

[edit]

Getter/setter generation

Move your cursor on a non-public variable declaration and press Ctrl+Shift+1 to generate the appropriate getter/setter. The property name is automatic: for a variable called "_somevar", "$somevar", "mc_somevar" or "somevar_txt", the property will be called "somevar". If the variable doesn't have a '_' or a '$' in its name, then it will be renamed: a variable "somevar" would be renamed as "_somevar".

 

[edit]

Unknow members generation

Move your cursor on a non-declared variable or function and press Ctrl+Shift+1 to generate the member.

 

[edit]

Local variables promotion

Move your cursor on a local variable inside a function and press Ctrl+Shift+1 to declare this variable as a class member. This even removes the local declaration in the function.

 

[edit]

Interface methods implementation

Move your cursor on an interface type and press Ctrl+Shift+1 to generate the required interface methods. Notice that the required imports will automatically be added to your code.

Compiled code exploration

Did you ever wonder what got compiled inside a SWF or a SWC?

 

[edit]

SWF

Click on the [+] icon of a SWF file in the Project tree to see the classes and symbols it contains. Select a symbol and right-click > Insert Into Document to generate a Flex Embed tag.

 

[edit]

SWC

Click on the [+] icon of a SWC file in the Project tree to see the classes and symbols it contains. Right-click on a SWC file to add it to your project

Code documentation

 

[edit]

Comments generation

Type /** before a method declaration to generate a nice javadoc comment bloc. These comments are important to have a richer completion or if you will generate the code documentation.

 

[edit]

Comment tags completion

FlashDevelop helps you write javadoc tags in your comments. You can add/remove tags in the program settings (ASCompletion

FD开发中自动适应大小项目注意

2008-09-26 16:34

记得吧场景设置为

this.stage.scaleMode = StageScaleMode.NO_SCALE

要不你的flash debug 会认为你场景没变化，你的相关对场景变化的事件都不会执行。浪费我1个小时