Home > Flex > Getting started with Flex – Setting up Development Environment

Getting started with Flex – Setting up Development Environment

The first step in developing an enterprise level flex application is setting up a development environment. Adobe offers an eclipse based development tool called Flex builder that provides a variety of features making Flex development a breeze. This flex builder comes in two flavors: a standalone IDE and an eclipse plugin. Since I will be developing Java based Flex applications, I decided to install the plugin version of the Flex builder in my favorite MyEclipse IDE.

We start with MyEclipse installation.

  1. Download the MyEclipse 7.5 “All in One” installer from MyEclipse site
  2. Once the download is complete, click on the installer file to start the installation

    myeclipse-1
  3. MyEclipse would then prepare and validate the installation.

    myeclipse-3
  4. Upon completion of step 3, you will be presented with the screen below:

    myeclipse-4
  5. Click on Launch to install the software.

    myeclipse-31
  6. After installation is complete, MyEclipse will launch itself. Select the default workspace and hit ok.

Now we are ready to install the Flex Builder Plugin.

  1. Download the Flex Builder 3 Plugin from Adobe site.
  2. Upon completion of the download, double click the installer file to launch the installation.

    1
    2
  3. On the next screen, select the language and hit Ok.

    3
  4. Accept the license agreement and hit Next.
    5
  5. On the next screen you can customize the Flex Builder Plugin location. Just accept the default location and hit Next.

    6
  6. The next screen asks for an Eclipse installation folder. DO NOT SPECIFY AN EXISTING ECLIPSE INSTALLATION LOCATION. Create a new folder called “eclipse” in your file system (in my case I created it under C drive) and provide that location to the installer. Hit Next.

    7
  7. On the next screen click “Proceed with Caution”.
    8
  8. Hit Next and then Install to start the installation.

    9

    10
  9. Wait for the installation to complete.
    11
  10. Upon completion, you should see the following screen.
    12

Integrating MyEclipse 7.5 and Flex Builder Plugin

  1. Go to Add/Remove Software in MyEclipse 7.5.
    13
  2. Select Personal Software and click Add.
    21
  3. On the next screen, click Add Local.
    31
  4. Select “com.adobe.flexbuilder.update.site” folder in your Flex Builder Plugin install folder and click ok.
    4
  5. Select “Flex Builder 3″ and hit Next.
    51
  6. On the following screen hit Apply.
    61
  7. MyEclipse would perform a validation of the install.
    71
  8. Accept the License agreement and hit Next.
    81
  9. Click Update to trigger software update.
    91

    101
  10. Once the update is complete, click Yes to restart MyEclipse.
    111

Changing Flex SDK installation location

  1. Go to “Installed Flex SDKs” in MyEclipse under Window->Preferences->Flex. You should see two SDKs installed with errors next to them.
    121
  2. Select Flex 0.0 and hit Edit. Click Browse in the popup and browse for 2.0.1 SDK located under /sdks/2.0.1. Hit Ok.
    131
  3. Repeat step 2 for Flex 0.0(1) and select the 3.2.0 SDK folder.
  4. This completes the plugin installation. Restart MyEclipse Workbench.

Testing installation

  1. Open the Flex Builder perspective by clicking Window->Open Perspective->Other and then selecting Flex Development.
    14
  2. Create a new Flex Project by going to File->New->Flex Project. Enter the following project details and hit Finish.
    16
  3. Open the Test.mxml file and go to “Design” view. Drag a button on to the canvas and save the file.
    17
  4. Launch the application by right clicking on Test.mxml->Run As->Flex Application.
    18
  5. You should see the application run in your default browser.

Upgrading Flex SDK:

  1. Get the latest version of Flex SDK (3.4.0 at the time of writing this post) from Adobe’s site
  2. Unzip the downloaded file into /sdks/3.4.0 folder.
  3. In MyEclipse go to Installed Flex SDKs and click Add. Browse for the 3.4.0 folder and enter 3.4.0 as the name and hit Ok.
    20
  4. Make sure that 3.4.0 SDK is selected and hit Ok.

References:

http://riawanderer.com/?p=4

Categories: Flex Tags:
  1. Amit Kumar
    January 28th, 2010 at 03:55 | #1

    Great work,
    I was struggling to configure FLEX on MyEclipse 7.5, it really helped me to get rid of the problem and saved a lot of time.

  1. No trackbacks yet.