Ok so flex is great but there is one small problem and thats the US$ 299 for the IDE from adobe. Yes there is a free trial available so you can at least spend 60 days trying the IDE but what happens after your 60 days are up and you still want to use flex but don't have US $299 laying around to buy yourself the full version. With Flash Develop and a two little plugins you can.
Installing
First you need to download all the required files listed below:
- Flash Develop - "Release notes and download" link, then towards the bottom of the page redirected page.
- Java SE Runtime Environment (JRE) - download button under the table heading (Java SE Runtime Environment (JRE).
- Flex SDK - "Free Adobe Flex 3 SDK" link.
- Design View plugin - "Download Plugin" link.
- Design View Air Package - "designview.air" link.
- Debugger Plugin - "FlexDbg.zip" link.
Now you have a directory full of downloads it is time to start installing(please note [version] is a place holder for the current version of the file you downloaded):
- Run the installer(
FlashDevelop[version].exe) for Flash Develop and and leave everything as the defaults. - Install the Java SE Runtime Environment (
jre-[number]-windows-i586.exe). - Extract the Flex SDK(
flex_sdk_3.zip) to "C:\Flex\3\". - Install the Design View AIR app(
designview.air) by double clicking it. - Open the Design View plugin(
FlexDesignView-[version].zip) and copy the contents of "Data" to "C:\Program Files\FlashDevelop\Data\" and the contents of "Plugins" to "C:\Program Files\FlashDevelop\Plugins\". - Extract the Debugger Plugin(FlexDbg.zip) to "
C:\Program Files\FlashDevelop\Plugins\"".
Now Everything is in installed all you need to do is set up flex in Flash Develop:
- Open the Flash Develop(
Start > Applications > Flex Develop > Flex Develop). - Once the application is opened press
F10or go to "Tool > Program Settings" to open the Program Settings. - Click on AS3Content button (1. in the image below).
- Then set the "
Flex SDK Location" (2. in the image below) to "C:\Flex\3\". - Click Close, and enjoy Flash Develop.
Program Settings
Update: as requested here are some screen shots with FlashDevelop in both Source and Design Views.
Subscribe by RSS
15 comments:
Amazing stuff, thanks so much!
Two small details that slowed me down a bit:
- To open the .air file, you need to have installed Adobe AIR (http://www.adobe.com/products/air/ then the "Get Adobe AIR now" link).
- To make the DesignerView plugin work, you need to extract the folders & files in the following folders instead of those mentioned:
Vista: C:\Users\--username--\AppData\Local\FlashDevelop\
XP: C:\Document and Settings\--username--\Local Settings\Application Data\FlashDevelop
Opps, I missed that thanks.
Thanks for the very good instructions.
But everytime i want to build a project (just some little test with one mxml file, because i'm new to flex) my Flash CS4 opens with the message "no documents opened".
The Flex SDK Location is set to the right path, still it seems that the compilation doesn't work.
Could you give me some hint?
thanks,
Stefan
Thank you for the information. Now I have all the tools to get FlashDevelop to work correctly. It's superb! I love simplicity.
Could you please post some screen shots of the completed FlashDev with the integrated designer view plugin
Everything installed but I don't see the added designer view or anything that looks different from the vanilla Flash Dev. Thanks.
I have added some screenshots as requested.
Hi Stefan
It looks like you missed this step: "Then set the "Flex SDK Location" (2. in the image below) to "C:\Flex\3\"."
Matt
how can i open the Design view from within the FlashDevelop IDE???
thank you in advance
Skinloa
Thanks so much for the guide, it's the setup I'm using now and it's just perfect. (a few 'design view' bugs aside)
Just installed the app. It's portable, flexible , works fast and has nice plugins. Keep up the good work guys!!
Hi
I am facing issue with
4.Install the Design View AIR app(designview.air) by double clicking it.
Whenever i follow th link to download designview.air the file being dowloaded is designview.zip
Please help
Thanks
You will need to unzip the zip file first before you can open it.
also thanks to the first comment
- To open the .air file, you need to have installed Adobe AIR (http://www.adobe.com/products/air/ then the "Get Adobe AIR now" link).
What am i doing wrong? I have installed everything as you said, and flashdevelop works fine, but when I click on the 'Design View' icon under my tester.mxml tab nothing happens?!? I have installed the designview plugin.
Thanks
If designview.air is being downloaded as designview.zip, simply change the file extension from .zip to .air and then you can run it successfully.
Post a Comment