Sencha Touch 2 is a mobile web app JavaScript framework, based on the Ext.JS framework. Check out Sencha Touch 2, if you haven’t already. This framework is similar to jQuery Mobile and Kendo UI, but has some added features making it a bit more powerful.

Installation

Link to Forum Announcement:
Sencha Touch 2.1.0 Beta 3 is available

Download Links:
Sencha Touch 2.1.0 Beta 3:
http://dev.sencha.com/deploy/sencha-touch-2.1.0-b3.zip
Sencha Cmd 3.0.0.122:
http://dev.sencha.com/deploy/SenchaCmd-3.0.0.122-osx.app.zip

Uninstall Existing Sencha SDK Tools

First uninstall any Sencha Cmd (or Sencha SDK Tools as it was formerly called).

To Uninstall Sencha SDK Tools:

Navigate to the directory it was installed in, check:
/Applications/Sencha
/Applications/SenchaSDKTools
or any similar folder
Locate the uninstall.app file, and run it to uninstall Sencha SDK Tools (or Sencha Cmd)

To install the new Sencha Cmd 3.0.0.122:

Close any open Terminal windows, and close Terminal entirely as a safety measure
Run the .app file contained in the zip.
For the installation directory, either choose:
/Users/[username]/bin (default, which is the same as ~/bin) or
I used /Applications to find it easier if I needed later on
It installs to [installation directory]/Sencha/Cmd/3.0.0.122/

To check if it installed correctly:

Open up a new Terminal window/shell
Run the command:
$ sencha
This should output: (including options for parameters below it)
Sencha Cmd v3.0.0.122

Install Sencha Touch

Unzip the zip file in a directory where you will develop Sencha apps from. For example, I used:
~/Sencha
This is your Sencha Touch SDK directory, for example:
~/Sencha/sencha-touch-2.1.0-beta3

Generate and Package Apps

Generate an App using Sencha Cmd

Open up a new Terminal window/shell
Navigate to your Sencha Touch SDK directory, for example:
$ cd ~/Sencha/sencha-touch-2.1.0-beta3
Use the sencha command to generate a new app:
$ sencha generate app [appname] [app folder]
Usually its best to have the app be located near your SDK, for example:
$ sencha generate app helloworld ../helloworld
Which results in ~/Sencha/helloworld app scaffolding being created
Navigate into your new app’s folder, and open it with your favorite text editor, like:
$ cd ../helloworld
$ mate ./
Note: It is important to be in the app’s folder, for possible Sencha Terminal commands later on

In your text editor, open the app.js file, and add the lines to the very top: (if they are not present)

//<debug>
Ext.Loader.setPath({
    'Ext': 'touch/src'
});
//</debug>

This loads the SDK from the touch/src folder, which was generated by Sencha Cmd 3.0.0.122 using sencha generate app [appname]

Make any changes to the app you wish, make sure it works by copy and pasting the helloworld folder to an accessible web server, such as ~/Sites/ or MAMP’s htdoc folder, etc. and then running it in a modern browser. (This guide assumes you have one set up).
Tip: In Chrome use COMMAND+OPTION+I to open up Developer Tools. Use the Console tab to see any JavaScript errors.

Package an App using Sencha Cmd   

The benefits of packaging an app are found in the Sencha Touch SDK docs. I would suggest you check those out, but be warned, as they can be outdated since this is a Beta release, which is why I created this guide as well.

Packaging an App

Open up a new Terminal window/shell
Navigate to your app’s directory, for example:
$ cd ~/Sencha/helloworld
To package the app into a minified compact package, run this command:
$ sencha app build package
By default (you can change this in app.json) the app is packaged to builds/[appname]/package
Note: You may see [WARN ] outputs, like Call to Ext.require detected in non-root positon.
Try copy and pasting the newly created package folder to your web server (or symlinking it, much better). The folder (or symlink) does not have to be the same name as the app.

Sencha Touch 2.1.0 Beta 3 Package to Native iOS

In the next article, I will discuss how to package a Sencha Touch 2.1.0 Beta 3 app to run in the iOSSimulator, as well as packaging it for iOS, in the ad-hoc/enterprise app store fashion.