Versions Compared

Key

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

...

The first gotcha is that you can't import an existing project, you will need to create a new one and copy your sources into the folder where you created your IntelliJ FlexJS project, here I chose a Web Application for this example but you can also choose a Web / Desktop / Mobile + Application / Library depending on what you are targeting.

Image RemovedImage Added

(You should have at least one Flex SDK installed and configured in IntelliJ to do that)

...

To start to play with, you can use the examples located in <FLEXJS_INSTALL_FOLDER>/examples.

Actually, I will use DataGridExample DataBindingExample for the needs of this tutorial.

...

The first thing you will need to do will be to add the FlexJS SDK to IntelliJ.:1- go

  1.  Go to File -> Project Structure.. -> SDKs -> Add new SDK

...

  1.  Nagivate to and select the FlexJS SDK from <FLEXJS_INSTALL_FOLDER>. (I'm using a nightly build here)

Image Removed

 Image Added

While this window is still open, click on Global Libraries, we will add the FlexJS SDK also as a library, that's the second gotcha.:1-

  1. Click on

...

  1. Global

...

  1. Libraries, select <FLEXJS_INSTALL_FOLDER>/frameworks/libs. Then, deselect "air" and "player\23.0" in my case.

    Image Added


  2. In the next step IntelliJ will ask for choose project where library should be added

          Image Added

     3. remove frameworks/libs/player and frameworks/libs/air.2- Rename the library to something meaningful, I choose to name mine "Apache FlexJS Nightly Lib".

Image Removed          Image Added

 

We will now configure our module to use the freshly added SDK and library along with configuring the compiler options.:1-

  1. Click on Modules, select the module you want to configure and click on Dependencies.

...

  1. Select the FlexJS SDK you just added.

...

  1. Add the FlexJS global library you just added too, if you have not added it in the previous steps.

Image Removed

...

  1. Click on Compiler Options

...

  1. Click on Module Defaults (If you have more than one module, it makes sense you apply this and the following to Project Defaults instead).

...

  1. Remove the default en_US local

...

  1. In Default options for modules, add: -load-config+=<FLEXJS_INSTALL_FOLDER>/ide/IDEA/intellij-config.xml

...

  1. Image Added

...



  1. Click OK to validate.

...

  1. In Additional compiler options, add: -targets=JSFlex,SWF -external-library-path+=<FLEX_JS_INSTALL_FOLDER>/js/libs/js.

...

  1. swc -allow-subclass-overrides=true 
    (The -targets=JSFlex,SWF will tell the compiler to build both the SWF / SWC and the JS version of your module. If you want to build the JS only, use -targets=JSFlex)

Image Removed

...


  1. Image Added

  2. Click OK to validate.

You should be able to build your project now, click on Build -> Rebuild project.

...