<p>In this first step we are going to create your basic SproutCore application. SproutCore comes with a full set of generators that makes this really easy to do. On your terminal just type (or copy and paste) the following:</p>
<pre class="console">sc-init todos</pre>
<p>Now you’ve created a new todos application. If you open this directory you should see a structure that looks something like this:</p>
<pre><code>apps <- your application is here
Buildfile <- config file for your project
README <- fill in with some useful details
public <- static files not managed by build system
</code></pre>
<p>In SproutCore, an application is an individual web page that users will load in the web browser. A SproutCore project can contain as many apps as you want. Large projects will often have several, but small ones like this one usually only have one.</p>
<p>The sc-init tool added a starter application for you. You can find it in the apps/todos directory. Open this directory and you will find the following files:</p>
<pre><code>core.js <- defines app namespace and global constants
english.lproj/ <- all localized resources go here
loading.rhtml <- html to display while app is loading
main_page.js <- apps main page UI design
strings.js <- localized strings
main.js <- main function, run on page load
</code></pre>
<h2>Testing Your App</h2>
<p>You’ve created a basic app. Let’s get load it in the browser so that you can try it out. In your terminal type the following:</p>
<pre class="console">cd todos
sc-server
</pre>
<p>visit: http://localhost:4020/todos</p>
<p><strong>Continue to Next Step: [[Step 2: Setup Your Model]] »</strong></p>
<h1>Related Links</h1>
<p>none yet</p>
<h1>Comments</h1>
<p>edit page to add your comments here.</p>
2008-07-27T17:01:32-07:00
40064
step-1-create-your-sproutcore-application
37005
Step 1: Create Your SproutCore Application
2009-05-09T21:59:11-07:00
157