flex-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From build...@apache.org
Subject svn commit: r846511 - in /websites/staging/flex/trunk: cgi-bin/ content/ content/v2/doc-getstarted.html
Date Sun, 13 Jan 2013 20:01:56 GMT
Author: buildbot
Date: Sun Jan 13 20:01:55 2013
New Revision: 846511

Log:
Staging update by buildbot for flex

Modified:
    websites/staging/flex/trunk/cgi-bin/   (props changed)
    websites/staging/flex/trunk/content/   (props changed)
    websites/staging/flex/trunk/content/v2/doc-getstarted.html

Propchange: websites/staging/flex/trunk/cgi-bin/
------------------------------------------------------------------------------
--- cms:source-revision (original)
+++ cms:source-revision Sun Jan 13 20:01:55 2013
@@ -1 +1 @@
-1432694
+1432715

Propchange: websites/staging/flex/trunk/content/
------------------------------------------------------------------------------
--- cms:source-revision (original)
+++ cms:source-revision Sun Jan 13 20:01:55 2013
@@ -1 +1 @@
-1432694
+1432715

Modified: websites/staging/flex/trunk/content/v2/doc-getstarted.html
==============================================================================
--- websites/staging/flex/trunk/content/v2/doc-getstarted.html (original)
+++ websites/staging/flex/trunk/content/v2/doc-getstarted.html Sun Jan 13 20:01:55 2013
@@ -168,7 +168,9 @@ please contact us on the <a href="commun
 <li><strong>Run the SDK installer</strong>  The first question you will
be asked is the installation directory.  If you are on a Mac, use /Appplications/Adobe Flash
Builder 4.7/sdks/4.9.0/.  If you are on a PC, use C:\Program Files(x86)\Adobe Flash Builder
4.7\sdks\4.9.0.  You will need to create the 4.9.0 folders.  Press Next.</li>
 <li><strong>Accept SDK Licenses and Install</strong>  Check the red boxes
to accept each of the licenses.  Read the licenses, of course ;)  Click Install to download
all the components into the new 4.9.0 directory.  This can take a few minutes.</li>
 <li><strong>Run Flash Builder</strong> Launch Adobe Flash Builder.  You
may need to login with your Adobe ID to activate the trial.</li>
-<li><strong>Tell Flash Builder abou the SDK</strong> On Windows, go to
the Window Menu -&gt; Preferences.  On the Mac, go to the Flash Builder menu -&gt;
Preferences.  Go to the Flash Builder node, then select the Installed Flex SDKs node.  Click
[ADD], then choose the directory in which you saved the 4.9.0 SDK (Step 4).</li>
+<li><strong>Tell Flash Builder abou the SDK</strong> On Windows, go to
the Window Menu -&gt; Preferences.  On the Mac, go to the Flash Builder menu -&gt;
Preferences.  Go to the Flash Builder node, then select the Installed Flex SDKs node.  Click
[ADD], then choose the directory in which you saved the 4.9.0 SDK (Step 4). The name should
be populated with Apache Flex 4.9.0 FP11.1 en_US.  Press OK, and OK again.</li>
+<li><strong>Create a new project</strong>  Right-click in the empty Package
Explorer area, choose New -&gt; Flex Project.  Give the project a name.  Under the Flex
SDK version, choose Apache Flex 4.9.0.  Press Finish.  Flash Builder will create the new project.</li>
+<li><strong>Start Coding!</strong>  Jump down below to make your first
Hello World application.</li>
 </ol>
 <div class="headline"><h4>Setting up Apache Flex with Jetbrain's IntelliJ</h4></div>
 
@@ -178,7 +180,38 @@ please contact us on the <a href="commun
 <li><strong>Download the SDK installer</strong> Go to the <a href="download-installer.html">Download
the SDK Installer</a> on the menu above and install the SDK installer.  Click on the
Download link on the installer badge, which will download the proper installer for your computer.</li>
 <li><strong>Run the SDK installer</strong>  The first question you will
be asked is the installation directory.  Note where you save the SDK (as you will need it
later).  Press Next.</li>
 <li><strong>Accept SDK Licenses and Install</strong>  Check the red boxes
to accept each of the licenses.  Read the licenses, of course ;)  Click Install to download
all the components into the new 4.9.0 directory.  This can take a few minutes.</li>
-</ol>
+<li><strong>Run IntelliJ</strong>  Run IntelliJ.  You will need to start
the 30 day trial, and accept the license agreement when the app runs the first time.  You
will be launched into the configuration wizard.  Select which VCS Plugins you want (we suggest
Git Subversion).  Next, select the Web/J2EE Plugins (We suggest Database, SQL and WebServices).
 Next, select the HTML Development tools (You must select FLash/Flex, CSS, JavaScript, JavaScript
Debugger, but we suggest keeping them all selected).  Finally, select which other plugins
you wisht ot use (Select ANT, Properties, Copyright, Coverage, IntelliLang, Inspection Gadgets,
Type Migration, UML.  We suggest keeping most of the defaults).</li>
+<li><strong>Create your new project</strong> When at the welcome screen,
select "Create New Project". In the left menu, choose Flash Module under the Other heading.
 Give the project a name, and select Next.</li>
+<li><strong>Configure the new project</strong>  On the "New Project" screen,
select Web for the target platform, and keep the rest of the options the same.  Keep the Flex
SDK as [none] for this step. Click Finish.</li>
+<li><strong>Tell IntelliJ about the SDK</strong> Right click on your project
name in the Project Explorer, and click Open Module Settings. In the second pane, click the
application settings (it says (app) behiend the name -- it should have red squigglies under
it).   Go to the dependancy tab.  To the right of the Flex SDK drop down, select New... to
add the 4.9.0 SDK to the project.  Find the 4.9.0 directory you created in step 4, and select
Choose. Press Ok to return to the project.  Wait for IntelliJ to index the project and the
new SDK.</li>
+<li><strong>Create your Application file</strong> Add a new MXML component
under the /src/ directory by right clicking on src.  Give it a name of your choosing, Template
of "Flex 4 Component" and Parent Component of Application (spark.components).</li>
+<li><strong>Finish configurating your project</strong> Go back to the project
settings (right-click on the project name in the project explorer -&gt; Module Settings).
 Go to the General Tab of the app settings.  Click the ... button to the right of the Main
Class box, and choose the filename you just created.  This will set the project root.</li>
+<li><strong>Start Coding!</strong>  Jump down below to make your first
Hello World application.</li>
+</ol>
+<div class="headline"><h4>Creating your first Hello World application</h4></div>
+
+<p>This is a very simple, generic hello world application.  You can learn a lot more
by checking out some of our other resources below, or some of our <a href="doc-videos.html">tutorial
videos</a>.</p>
+<ol>
+<li>Set the height and width of your application.  Add the following tags to the Application
tag (2nd line) :  <code>width="640" height="480"</code></li>
+<li>Add a new Layout tag within the Application tags.  This will tell Flex how we plan
on laying out our app.  <code>&lt;s:layout&gt;&lt;/s:layout&gt;</code></li>
+<li>Within the layout tags, add a BasicLayout tag.  This will tell Flex we intend on
telling it where to place our components.  <code>&lt;s:BasicLayout /&gt;</code></li>
+<li>Between the Layout and Application tags, Add a Label tag.  We will be setting the
<code>text</code> <code>horizontalCenter</code> and <code>verticalCenter</code>
properties.  <code>&lt;s:Label text="Hello World!" horizontalCenter="0" verticalCenter="0"
/&gt;</code></li>
+<li>Find the Debug toolbar icon and click it.  Your application should be launched
in your default web browser and you should see the words Hello World! in the middle of the
screen.</li>
+</ol>
+<p>The complete code listing is :</p>
+<div class="codehilite"><pre><span class="cp">&lt;?xml version=&quot;1.0&quot;
encoding=&quot;utf-8&quot;?&gt;</span>
+<span class="nt">&lt;s:Application</span> <span class="na">xmlns:fx=</span><span
class="s">&quot;http://ns.adobe.com/mxml/2009&quot;</span>
+               <span class="na">xmlns:s=</span><span class="s">&quot;library://ns.adobe.com/flex/spark&quot;</span>
+               <span class="na">xmlns:mx=</span><span class="s">&quot;library://ns.adobe.com/flex/mx&quot;</span>
<span class="na">width=</span><span class="s">&quot;640&quot;</span>
<span class="na">height=</span><span class="s">&quot;480&quot;</span><span
class="nt">&gt;</span>
+
+    <span class="nt">&lt;s:layout&gt;</span>
+        <span class="nt">&lt;s:BasicLayout</span> <span class="nt">/&gt;</span>
+    <span class="nt">&lt;/s:layout&gt;</span>
+
+    <span class="nt">&lt;s:Label</span> <span class="na">text=</span><span
class="s">&quot;Hello World!&quot;</span> <span class="na">horizontalCenter=</span><span
class="s">&quot;0&quot;</span> <span class="na">verticalCenter=</span><span
class="s">&quot;0&quot;</span> <span class="nt">/&gt;</span>
+
+<span class="nt">&lt;/s:Application&gt;</span>
+</pre></div>
 
 <!-- Home Page Exception -->
 



Mime
View raw message