最近准备在一个简单的ios项目中使用HTML5 去开发，最终选择尝试一下 Sencha Touch。今天在这里记录一下简单的搭建步骤。

首先是安装 Sencha Touch

• 确保自己的机器已经有了JRE环境，如果没有，安装一个.

• 下载并且安装 Compass.

    Compass 需要你的电脑运行有 Ruby 的环境，所以你应该想安装 Ruby,至于怎么安装，这里省略100字。
    但是对于怎么安装 Compass ，可以使用下面的命令：
    - gem update --system
    - gem install compass
  

• 然后就要安装 Sencha Cmd.

• 下载 Sencha Touch SDK 或者 Sencha Ext JS.
• 好了最后就是解压你下载的 SDK.
• 这个时候你可以使用 sencha help 命令去试验一下是否安装成功。如果成功了，那祝贺你，可以进行下面的步骤了。

生成一个 iOS 的程序：

• cd <your sencha touch directory>
• sencha generate app <myapp> <myapp's directory>
• cd <myapp's directory>
• sencha app build native 因为这里我们是需要build一个ios程序，所以这里选择使用native
• sencha app package run packager.json 这个步骤是将你build好的应用程序用本地的模拟器打开.

不过在这里我遇到了一个问题，就是使用sencha generate app命令自动生成的应用程序，在我的iphone 5的模拟器里卖弄打开的时候，上下是有黑边的。其实这是 sencha 的一个bug.不过网上也有人给出了一个临时的解决方案。

其实这个也可以说是 ios 的一个bug,你如果做过native的应用程序应该知道，在我们将以前的iphone4上的程序转到iphone5上的时候是有同样的问题的，那时候我们是讲一个名字为 Default-568h@2x.png的图片放在项目目录下面，当然这个图片的大小应该是640*1136.而在这里呢我们也需要一个这样的图片，我们需要讲这个图片放在我们项目<myapp>/resources/startup下面，因为在我们build的时候，这些文件会被自动拷贝到 <myapp>/webapp/resources/startup路径下面，然后在我们的项目文件夹下的 packager.json 里添加一行 "rawConfig":"<key>UILaunchImageFile</key><string>webapp/resources/startup/Default-568h@2x.png</string>"`.

好了，Sencha之旅的第一步还算顺利吧。