Sencha-Touch开发环境准备(Webstorm+Ruby)
1 开发工具准备
1.1 工具下载：
1、编码工具（推荐）
2、SenchaSDK用来创建、打包sencha项目
SenchaSDKTools-2.0.0-beta3-windows.exe
3、Sencha touch源码及API文档
sencha-touch-2.0.1.1-commercial.zip
4、SASS开发工具（预编译sass文件）
1.2 工具安装：
1、WebStorm安装很简单，一直点next就OK，但安装好后只能试用30天。
2、SenchaSDK安装，在安装该SDK之前请确保电脑上已有java的jdk环境，不然安装不了，安装好后需配置环境变量。
Path: D:\Program Files\SenchaSDKTools;
将sencha-touch-2.0.1.1-commercial.zip解压到任意文件夹
验证SenchaSDK是否安装成功：cmd 到刚解压的文件夹目录，再执行sencha命令
若能看到以上信息说明SenchaSDK已安装成功！
3、Ruy安装
Sencha Touch themes
ST中，Themes是一个非常有用的方法来快速改变我们应用程序的外观的。
SASS + Compass = themes
如果我们真的决定要改变我们的主题的话，我们就不得不安装SASS和Compass了，这些并不包含在ST的库文件中。首先我们要安装Ruby。
Installing Ruby
Mac中不需安装了，因为在OSX中已经安装好了，但是Windows中，需要用户自己下载并安装Ruby。
并设置好PATH。
我们可以在命令行中验证我们的安装的。
Installing SASS and Compass
对于Mac和Windows用户来说，安装略有不同的。
我们可以在Mac中通过终端来安装的：
1. sudo gem install haml
2. sudo gem install compass
Windows用户可以在命令行中安装：
1. gem install haml
2. gem install compass
如果你觉得这种安装方法并不适合你的话，你可以在网上搜寻捆绑了Ruby，SASS，Compass的包，直接集成安装在自己的电脑上：Scout，Compass.app。
详情请参考：http://frully.org/archives/sass-compass-an-zhuang-zhi-nan
2 创建应用
2.1 创建SenchaTouch项目
1、cmd ——> cd 到sencha-touch目录
2、执行命令：sencha app create Process../Process all
3、查看首页：http://127.0.0.1:8080/Process
2.2 用WebStorm打开项目
找到刚创建的项目目录
2.3 启用Rub 的compass功能
在开始菜单中找到 “Ruby 1.9.3-p0 -> Start Command Prompt with Ruby”并运行。找到对应项目的[应用]/resource/sass目录，执行如下代码：
Compass watch
(注：该窗口需要一直开着，就会自动对已改过的sass文件进行编译)
