Eclipse 3.5 and FDT 3.2 for Actionscript development – Part 5 – Keyboard Shortcuts

 

SEARCHING

CTRL + Shift + R Jump to a resource. Includes classes and any other files (such as XML files)
CTRL + H Search (rather than find) allows you to search within the entire workspace
CTRL + F Search in one file (CTRL+K/CTRL+SHIFT+K: next/previous)
CTRL + J Find within document. Type the word you want to find then use up and down to skip between instances. Press ESC to cancel
CTRL+J/CTRL+SHIFT+J Incremental search (search as you type)

NAVIGATING

F2 Select class in flash explorer
F3 Show property/method declaration/implementation
F4 Show type declaration
F5 Show superclass
CTRL + T Show type hierarchy
CTRL + R Search references
CTRL + L Go to line
CTRL + U Show type dependency
CTRL + O Show quick outline

EDITING SINGLE FILES

ALT + UpArrow Move line up
ALT + DownArrow Move line down
CTRL + D / CTRL + SHIFT + D Delete line/duplicate line
SHIFT + ENTER / CTRL + SHIFT + ENTER Add indented line after/before
CTRL + 7 Comment/uncomment line
CTRL + (numeric)- / CTRL + (numeric)+ Fold/unfold other methods
CTRL + M Maximize view
CTRL + (numeric)ENTER Alternative to CTRL+M

EDITING MULTIPLE FILES

CTRL + PageDown / CTRL + PageUp Move to next/previous open file
CTRL + F6 Alternative to CTRL+PageDown/CTRL+PageUp
ALT + LeftArrow/ ALT + RightArrow Navigate to next/previous opened files (history)

GENERATING

CTRL + Space Insert code template/auto complete code
CTRL + SHIFT + O Organize imports

FIXING

CTRL + 1 Show fixes (if error bulb is shown)

BUILDING

CTRL + F11 Start last run
CTRL + O Open an outline of functions within the current class to jump to
CTRL + Shift + T Jump to a type (class or interface). Only works when an .as or .mxml file is open
CTRL + L Jump to a line number
CTRL + Shift + C Wrap / Unwrap selected text in a block comment (/* */)
CTRL + Shift + / Comment / uncomment the selected line using an inline comment (//)
CTRL + Shift + D Add ASDoc style comment
CTRL + D Delete the selected text or the actual cursor line
CTRL + UP Move the selected up
CTRL + DOWN Move the selected text down
CTRL + Option + UP or DOWN Duplicate the selected text above or below the selected line
CTRL + X Make selected text ALL CAPS
CTRL + Y Make selected text all lowercase
CTRL + Shift + R Rename selected element (using refactor)
CTRL + M Maximize / Minimize current view
CTRL + Tab Jump to an open file editor
CTRL + Shift + L Keyboard command list. Press it again to edit commands
CTRL + Shift + G Find any references to the selected element within your project
CTRL + Click or F3 Jump to the definition of the selected element
CTRL + Shift + P Jump to matching bracket. e.g. jump from } to {
Tab / Shift + Tab Indent / Un-indent selected text
CTRL + Option + Left / Right Jumps to the location of the previous / next edit without undoing your change

Source: http://dispatchevent.org/mims/flexbuilder-keyboard-shortcuts/

Eclipse 3.5 and FDT 3.2 for Actionscript development – Part 4 – Customization

1) Eclipse Splash Screen

There are two ways of changing the Eclipse splash screen, manually or using the Random Splash Screen plugin:

  • Manually
    Put the “splash.bmp” file in the folder C:\eclipse\ and add the following line to the file C:\eclipse\eclipse.ini:

    1
    2
    -showsplash
    splash.bmp
  • Random Splash Screen
    Everytime Eclipse starts, Random Splash Screen overwrites Eclipse’s splash screen with a random image picked from your personal image folder. This image is then displayed on the next Eclipse start.Website: http://sourceforge.net/projects/rndsplash/To modify the plugin options go in

Since I was not satisfied with the splash screens that I found I asked my friend Denio Barani to design a splash screen more appealing, and here are the four versions:

[download id=”1″]
[download id=”2″]
[download id=”3″]
[download id=”4″]

Here a list of various splash screens that I found around the web:

2) Eclipse icon

I don’t like a lot the standard Eclipse icon so here you can find some different ones:

To convert the images to icons use the iConvert website.

Eclipse 3.5 and FDT 3.2 for Actionscript development – Part 3 – Configuration

In the second post of the serie I suggested some useful plugins. Now is time to configure the Eclipse and FDT installation.

Obviously this is my way of configuring both, so if you would like to make some changes I suggest you to explore all the menus and submenus in Eclipse because you’ll find a lot of interesting properties that can be customized to suit your needs. Here is my configuration.

1) Eclipse preferences configuration

  • Window -> Preferences -> General -> Always run in background
    Window -> Preferences -> General -> Show heap status

    pref_general
  • Window -> Preferences -> General -> Editors -> Text Editors -> Show line numbers
    pref_general_editors_texteditors
  • Window -> Preferences -> General -> Keys -> Select the “Run Ant Build” and in Binding press CTRL + ENTER to bind this shortcut to the command
    pref_general_keys

2) FDT preferences configuration

  • Window -> Preferences -> FDT -> Build Path -> Output folder name: deploy
    pref_fdt_buildpath
  • Window -> Preferences -> FDT -> Code style -> Formatter -> Set how you you want your code formatted
    pref_fdt_codestyle_formatter
  • Window -> Preferences -> FDT -> Core Libraries -> AS3 Core Libraries -> Add…
    pref_fdt_corelibraries_1
    Type: Flash CS3
    Name: FLASH_CS4
    _COMPONENTS
    click Browse…
    pref_fdt_corelibraries_2


    click New...
    pref_fdt_corelibraries_3

    Name: FLASH_CS4_COMPONENTS
    Location: C:\Program Files\Adobe\Adobe Flash CS4\Common\Configuration\ActionScript 3.0\FP10
    click OK


    pref_fdt_corelibraries_4

    click OK


    pref_fdt_corelibraries_5

  • Window -> Preferences -> FDT -> Editor -> Code Assist -> Auto activation triggers for AS: abcdefghijklmnopqrstuvwxyz_.:
    pref_fdt_editor_codeassist
  • Window -> Preferences -> FDT -> Editor -> Folding -> Leave Folding enabled checked and uncheck all the others
    pref_fdt_editor
  • Window -> Preferences -> FDT -> Tools -> Flash -> Flash IDE: C:\Program Files\Adobe\Adobe Flash CS4\Flash.exe
    Window -> Preferences -> FDT -> Tools -> Flash -> Flash Player: C:\Program Files\Adobe\Adobe Flash CS4\Players\FlashPlayer.exe

    Window -> Preferences -> FDT -> Tools -> Flash -> Flash ASO Directory:
    C:\Documents and Settings\User\Local Settings\Application Data\Adobe\Flash CS4\en\Configuration\Classes\aso
    pref_fdt_tools_flash
  • Window -> Preferences -> FDT -> Tools -> Flash Help -> Click Update Help
    pref_fdt_tools_flash_help

3) Perspective customization

  • Window -> Customize Perspective -> Tool Bar Visibility -> Disable FDT MXML Coding
    persp_toolbar_visibility
  • Window -> Customize Perspective -> Command Group Availability -> Disable Annotation Navigation
    Window -> Customize Perspective -> Command Group Availability -> Disable Editor Navigation
    Window -> Customize Perspective -> Command Group Availability -> Disable FDT MXML Codingpersp_command_groups
  • Window -> Customize Perspective -> Shortcuts -> Submenus: New -> Disable MXML Class
    persp_shortcuts_new
  • Window -> Customize Perspective -> Shortcuts -> Submenus: Open Perspective -> Enable Flash FDT
    Window -> Customize Perspective -> Shortcuts -> Submenus: Open Perspective -> Disable Java
    Window -> Customize Perspective -> Shortcuts -> Submenus: Open Perspective -> Disable Resourcepersp_shortcuts_open_persp

Select if it’s not already selected Window -> Open Perspective -> Other… Flash FDT and press OK

persp_open_persp

Then close this views:

  • SWF Viewer
  • Javadoc View

Then open the Ant view from Window -> Show View -> Ant and dock it with the Outline panel.
If you want you can select the button Link with Editor inside the Flash Explorer so the current file you are editing will be selected in the Flash Explorer project tree.
The final look will be this (click to enlarge):


ide_normal

I suggest you to move the minimized toolbars (like Flash Explorer, Outline Panel, Problems, etc.) at the bottom of the interface so when everything is minimized and you’re writing code you’ve the maximum space available like this (click to enlarge):


ide_maximized