Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. Download and expand a FlexJS Nightly Build from https://builds.apache.org/job/flex-asjs/lastSuccessfulBuild/artifact/out/
  2. In the folder where you expanded the FlexJS Nightly Build, run ant -f installer.xml and follow the prompts.
  3. Run Flash Builder
  4. In the Flash Builder Preferences menu add this new folder as a Flex SDK.
  5. Choose from the File menu, Import, Run/Debug, Launch Configurations
  6. Choose the ide/flashbuilder folder from this new folder.
    There should now be several two new configs in the Run menu under External Tools

...

  1. Download and run the prototype of the Apache Flex Installer 3.0 from http://people.apache.org/~aharui/Installer You will have to uninstall any older version of the Apache Flex Installer before running it.
  2. Choose the Apache FlexJS Nightly from the list of options.
  3. Follow the installation instructions.
  4. Run Flash Builder
  5. In the Flash Builder Preferences menu add the folder where you installed FlexJS as a Flex SDK.
  6. Choose from the File menu, Import, Run/Debug, Launch Configurations
  7. Choose the ide/flashbuilder folder from the folder where you installed FlexJS.
    There should now be several two new configs in the Run menu under External Tools

...

  1. Create a new Flex Project
  2. Choose this modified Apache Flex SDK
  3. Do not change the output folder from bin-debug
  4. Hit OK. Flash Builder will generate a new project and a new Application MXML file that has errors. Ignore those errors for now.
  5. Get the example source for the DataBindingTest from http://people.apache.org/~aharui/FlexJS/DataBindingTest/bin-release/srcview/DataBindingTest.zip
  6. Copy the contents of DataBindingTest.mxml into your Application MXML file. The current tools require that the Application name matches the Project name so you can't just copy DataBindingTest.mxml to the source folder and make that the default Application for the project.
  7. Copy the rest of the files to the source folder for your project.
  8. Rename the references to DataBindingTest in the other source files to match your Application's name.

...

As you edit the code, the regular Flex new compiler known as Falcon is compiling and reporting errors, but it only knows how to build Flex SWFs so the output SWF won’t run. So, before you debug, select the main MXML file from the Package Explorer and choose from the Run menu the new External Tool: “FlexJS (Debug Build)”. This will run the Falcon compiler with the right options to generate a SWF in the bin-debug folder that overwrites the one that is there. Then you . You should be able to set breakpoints and debug as you would any other Flex project.

Once you have your app working as a SWF, try the FalconJX tool in the Run menu. It will output a debug version to the bin/js-debug and a minified version to the bin/js-release folder. Run the index.html in a browser.

...