Sencha Touch Setup Guide

Topics:

• Introduction
• Installing Sencha Touch
• Sencha Touch Information

Introduction

Sencha Touch, a high-performance HTML5 mobile application framework, is the cornerstone of the Sencha HTML5 platform. Built for enabling world-class user experiences, Sencha Touch is the only framework that enables developers to build powerful apps that work on iOS, Android, BlackBerry, Windows Phone, and Internet Explorer 10.
Learn more at What's New.
Learn about new APIs in the "New in this version" section near the end of the API page.

Installing Sencha Touch

To install Sencha Touch:

1. Download Sencha Cmd. Sencha Cmd enables you to publish, package, and simulate an application, as well as to upgrade Sencha software. Sencha Cmd also installs Apache Ant, Compass, and Sass.
2. Download Ruby version 1.9.3 (Ruby version 2.0 doesn't work correctly with Sencha Cmd).
   • Mac OS: Ruby is pre-installed. You can test which version you have with the ruby -v command. If you have version 2.0, download the Ruby version manager (rvm) and use this command to download and install Ruby: rvm install 1.9.3 --with-gcc=clang and set your PATH variable to point to the Ruby 1.9.3 install directory.
   • Windows Download the open source 7-Zip archiver. Download Ruby 1.9.3.n from rubyinstaller.org. Set the Path environment variable to point to the directory in which you unzip the installer file.
   • Ubuntu: Use sudo apt-get install ruby1.9.3 to download and install Ruby 1.9.3.
3. Open a new command line window and start the Sencha Cmd web server. This server runs until you close the window or press CTRL+C to stop the process. The directory name can be any directory where you want to serve your applications. To start the Sencha Cmd web server, use:
   sencha fs web -port 8000 start -map <dir_name>
   You can access the Sencha Cmd web server using:
   http://localhost:8000/<dir_name>/<app_name>
4. If you are using Windows and running the IIS web server, add "application/x-json" as a MIME type; otherwise, IIS returns the JSON file with an error when you preview your project. In Windows, enable IIS from the add/remove programs or programs and features dialog (add/remove windows features), you can also add extra functionality by downloading the web platform toolkit to make config of IIS features extra simple. For information on adding this MIME type, see this Stackoverflow article.
5. Use a modern web browser such as Chrome or Safari.

Sencha Touch Information

• Sencha.com
• Sencha Documentation
• Sencha Touch Release Notes
• Sencha Touch Examples
• Sencha Touch Bundle
• Sencha Training
• Sencha Support