FDT (Flex Mania 2010)

Our Schedule

About the speaker

What is FDT?

News

Main Features

Downloading FDT

Installing

Configurations

Shortcuts

How to know more advantages

About the Speaker

Gabriel Peart

FDT Evangelist

Experiences

What is FDT?

Flash Development Tool

The most powerful Flash development environment for AS2, AS3, Flex and AIR support

The only editor built from the ground-up to support the needs of ActionScript developers

built by Flash developers for Flash developers

It contains highly efficient and time-saving features

It enhances your workflow while increasing your productivity. 

Profiler

Welcome Screen

SDK Management

Project Setup

Flex 4

Lib Management

Compiling

News

Main Features

Live Error High-Lighting: see errors and warnings while you are still typing

Advanced Code Completion: Smart auto completion for every piece of code

Main Features

Code Templates: Insert lines of code with only a few key strokes

Quick Fixes and Quick Assist: Fix problems and automatically generates code

Main FeaturesCode Formater: One click code style formatting

Type Hierarchy: Easily view the depth of inheritance

Main Features

Dependecy View: Easily view dependencies between types

Move Refactoring: Drag and drop types between packages

Main Features

Reference Search: Quick find function calls

Five Different SWF Viewers: Choose favorite runtime player

...and Much More!

ASDoc support

Rename Refactoring (for files, types, variables and functions)

Linking of external SWCs

Version Control support

Debugger

Downloading...

Install

2 options:- Download FDT- Download FDT as a Eclipse plug-in

You will find details about it at:http://www.fdt.powerflasher.com/developer-tools/fdt-3/

download/

Configurations

Start Configurations: Preferences > FDT > Build Path

Preferences > FDT > Editor (Colors)Preferences > FDT > Editor > Semantic HighlightingPreferences > FDT > Tools > FlashPreferences > FDT > Tools > Flash Help

Configurations1) PreferencesWindow -> Preferences -> General -> Always run in background Window -> Preferences -> General -> Show heap status

Configurations

Window -> Preferences -> General -> Editors -> Text Editors -> Show line numbers

Configurations Window -> Preferences -> General -> Keys -> Select “Run Ant Build” and

in Binding type CTRL + ENTER to use this short cut

Configurations2) Preferences / FDTWindow -> Preferences -> FDT -> Build Path -> Output folder name: deploy

Configurations Window -> Preferences -> FDT -> Code style -> Formatter -> Style

Format your code

ConfigurationsWindow -> Preferences -> FDT -> Core Libraries -> AS3 Core Libraries ->

Add new Core Library

Configurations Type: Flash CS3

Name: FLASH_CS4_COMPONENTSClick in Browse…

Configurations Click in New...

Configurations Name: FLASH_CS4_COMPONENTS

Location: C:\Program Files\Adobe\Adobe Flash CS4\Common\Configuration\ActionScript 3.0\FP10Click in OK

ConfigurationsClick in OK

Configurations Window -> Preferences -> FDT -> Editor -> Code Assist -> Auto

activation triggers for AS: abcdefghijklmnopqrstuvwxyz_.:

Configurations Window -> Preferences -> FDT -> Editor -> Folding -> Select only

Folding enabled

Configurations Window -> Preferences -> FDT -> Tools -> Flash -> Flash IDE: C:\Program Files\Adobe\Adobe

Flash CS4\Flash.exeWindow -> Preferences -> FDT -> Tools -> Flash -> Flash Player: C:\Program Files\Adobe\Adobe Flash CS4\Players\FlashPlayer.exeWindow -> Preferences -> FDT -> Tools -> Flash -> Flash ASO Directory: C:\Documents and Settings\User\Local Settings\Application Data\Adobe\Flash CS4\en\Configuration\Classes\aso

ConfigurationsWindow -> Preferences -> FDT -> Tools -> Flash Help -> Click in Update

Help

Configurations3) CustomizationWindow -> Customize Perspective -> Tool Bar Visibility -> Unselect FDT

MXML Coding

Configurations

Window -> Customize Perspective -> Command Group Availability -> Unselect

Annotation NavigationWindow -> Customize Perspective -> Command Group Availability -> Unselect

Editor NavigationWindow -> Customize Perspective -> Command Group Availability -> Unselect

FDT MXML Coding

ConfigurationsWindow -> Customize Perspective -> Shortcuts -> Submenus: New -> Unselect MXML Class

Configurations Window -> Customize Perspective -> Shortcuts -> Submenus: Open Perspective -> Select Flash

FDTWindow -> Customize Perspective -> Shortcuts -> Submenus: Open Perspective -> Unselect JavaWindow -> Customize Perspective -> Shortcuts -> Submenus: Open Perspective -> Unselect Resource

ConfigurationsSelect Window -> Open Perspective -> Other… Flash FDT and click in OK

Configurations Close the views: SWF Viewer, Javadoc View Open Ant view Window -> Show View -> Ant.

You final screen:

Some ShortCuts

--> SearchCTRL + HCTRL + FCTRL + J

--> NavigationF4F5CTRL + TCTRL + RCTRL + L

--> Code EditingALT + Up ArrowALT + Down ArrowCTRL + M CTRL + Page Down / CTRL + Page UpCTRL + F6ALT + Left Arrow/ ALT + Right Arrow

--> Generating CodeCTRL + SpaceCTRL + Shift + OCTRL + 1

Coming up: FDT 4!!

FDT 4

FasterLightweightEasierMilestones Roadmap

FDT 4

Get more Info about FDT!

FDT Evangeliste-mail: gabrielpeart@gabrielpeart.nu

skype: gabriel.peart

Thanks!