SenchaTouch2 Quick Start series (1)

This article has been added to the SenchaTouch2 Quick Start series index: blog. csdn. Ghost to help you understand SenchaTouch2, write this series of blog posts. The article may not be well written. I hope I can communicate with you more.

This article has been added to Sencha Touch 2 Quick Start series index: http://blog.csdn.net/ardy_c/article/details/7544470 http://blog.csdn.net/ardy_c/article/details/7419434 to help you understand Sencha Touch 2, specifically write this series of blog posts. The article may not be well written. I hope I can communicate with you more.

This article has been added to the Sencha Touch 2 Quick Start series index:Http://blog.csdn.net/ardy_c/article/details/7544470

Http://blog.csdn.net/ardy_c/article/details/7419434

To help you understand Sencha Touch 2, write this series of blog posts. The article may not be well written. I hope I can communicate with you more. Some resources from the official API documentation, address: http://docs.sencha.com/touch/2-0/

Preparation

Before you start development, download the Sencha Touch 2 Package: http://www.sencha.com/products/touch/download/ at the address below. After downloading and decompressing the package, you will find many files in the package. There are api documentation, Development kits, and some instances. Now we only need sencha-touch-debug.js and resources/css/sencha-touch.css files. (The sencha-touch-debug.js file contains unzipped js Code with comments, so that we can easily read and debug ).

The package file is ready. Select an IDE you like, create a web project, and introduce the file. I chose Aptana Studio to create the following directory structure:

Start code

Create an app.html file in the root directory, and create an app. js file in the app directory (used to compile our js Code ). Then, import the content to the app.html file as follows:

    
     First App