Thanks for writing that up, but I think it should be simpler than that. Something like:
1. Follow the steps here [1] to set up FlexJS SDK and your FlexJS app 2. Select Project > Properties > Flex Build Path > Library Path 3. Expand the FlexJS SDK 4. Expand the FlexJSUI.SWC 5. Set source attachment to: <flex git folder>\flex-asjs\frameworks\as\src This step will now let you open up framework files like Application, UIBase etc. by simply ctrl-clicking or F3. 6. Make sure the problems panel shows no errors for your project and the debug SWF is in the bin-debug directory. 7. Select the application .mxml file and run 'FlexJS (Debug build)' available in your external tools menu. This should replace the debug swf file in the bin-debug directory. 8. Run via 'Debug As' or by using the Debug button. In theory, you shouldn't need a separate Debug Configuration. -Alex On 9/18/13 12:17 AM, "OmPrakash Muppirala" <bigosma...@gmail.com> wrote: >[1] describes how to set up Flash Builder to work with the FlexJS SDK. It >is not very clear how to use Flash Builder to debug your FlexJS apps. > >In case someone wants to debug FlexJS apps using FlashBuilder, here are >the >steps: > >1. Follow the steps here [1] to set up FlexJS SDK and your FlexJS app >2. Select Project > Properties > Flex Build Path > Source Path >3. Add a source path reference to <flex git >folder>\flex-asjs\frameworks\as\src >This step will now let you open up framework files like Application, >UIBase >etc. by simply ctrl-clicking or F3. >4. Make sure that nothing breaks by running 'FlexJS (Debug build)' >available in your external tools menu. This should result in a debug >app.html and app.swf file in the bin-debug directory. >5. Create a file called debug.html in your bin-debug directory. Leave >this file empty. >6. Under the debug menu, select 'Debug Configurations...' item >7. Create a new 'Web Application' run configuration >8. On the right side, select your 'Project' and ''Applicaton'' file based >on your FlexJS app. >9. For "URL or Path to launch", uncheck the Úse default' option >10. Give the path to the debug.html file under your bin-debug directory. >11. Click Ápply and then click Debug. This will launch the FB debugger >which start waiting for a connection >12. Now simply run the app.html containing the debug app.swf in a browser >(make sure you have the debug version of Flash Player installed) > >The debugger should now connect to running Flex JS app and you catch your >exceptions, breakpoints, etc. in Flash Builder. I am finding this super >useful as I am playing around with the FlexJS SDK. > >Hope this helps. > >Thanks, >Om > >[1] >https://cwiki.apache.org/confluence/display/FLEX/Using+FlexJS+with+Adobe+F >lash+Builder
