Sencha touch 2 编译调试利器

无意间在国外的一个网站发现了一个利用ant 整合编译sencha touch 项目，功能非常完善

我以window 7 为例讲解

准备步骤：

1 安装sencha touch cmd

2 安装sencha touch SDK

3.安装ruby 和compass 可以参考我之前的博客怎么样安装

4.安装ant 

下载ant from http://ant.apache.org 后解压后将ant放置在根目录。并且设置环境变量。将C:\ant1.8.4\bin 设置在PATH里面，设置成功后再cmd里面运行ant可以看见是否设置成功

实现编译步骤：

首先去现在一个text 编辑器。

http://www.sublimetext.com/

然后下载superant

https://github.com/aphex/SuperAnt 

需要讲文件解压后放到sublimetext文件夹里面 C:\Users\wujun\AppData\Roaming\SublimeText 2\Packages

可以看见在sublimetext已经成功

然后再下载sencha build的编译工具

https://github.com/aphex/SenchaAntBuild

下载完后只需要拷贝三个文件到你的项目中。比如我在桌面建立了一个TestApp文件夹。我就将除开resource的三个文件放到TestApp文件夹中

然后我们就可以将TestApp拉进sublime里面去。可以看到以下截图

修改build.properties的属性，注意的是转义

#SENCHA_SDK_HOME = /Developer/SDKs/sencha-touch-2.1.0-beta3
SENCHA_SDK_HOME = C:\\wamp\\www\\sencha-touch-2.1.0-gpl

#SENCHA_CMD_HOME = /Users/{USERNAME}/bin/Sencha/CMD/3.0.0.141
SENCHA_CMD_HOME = C:\\SenchaCMD\\Sencha\\Cmd\\3.0.0.250

#------------- WINDOWS ----------------
#Absolute path to Ruby
RUBY_HOME = C:\\Ruby193

修改app.properties,就是你的文件夹的名字

SENCHA_PROJECT_NAME = TestApp

然后ctrl+B 就可以看见编译菜单了，可以编译sass 还可以创建app，非常简单实用