On Sep 18, 2013 9:38 AM, "Alex Harui" <aha...@adobe.com> wrote: > > 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.
Adding it as a source path instead, has an added advantage of being able to make edits to the SDK and see it reflect in your app immediately. > 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. This part did not work for me as you mention. Which is why I had to resort to a different debug configuration. Thanks, Om > > -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 >
