cordova3+sencha touch2.x 环境搭建

PhoneGap 安装：

 1.安装 nodejs  

2.安装 cordova：npm install -g cordova

3.创建一个工程：cordova create MyApp com.example.MyApp MyApp

其中：第一个 MyApp是文件夹的名称；

com.example.MyApp 是app id

第二个MyApp是工程的名称，也是应用的名称

4.进入文件夹：cd MyApp

5.创建一个android的应用：cordova platform add android

6.用eclipse新建android项目（导入刚才MyApp目录文件），就可以在eclipse下开发了。

注意:1).eclipse要先安装ADT插件。

2).要先下载android的SDK，并把它的路径(例如：C:\Development\adt-bundle\sdk\tools)加入到环境变量path中.

否则第5步会报错：[Error: An error occurred while listing Android targets]

至此，phonegap的工程搭建完成。那么，如何跟 sencha touch结合呢？

1.安装sencha touch命令行。（上官网下载exe文件：http://cdn.sencha.com/cmd/4.0.1.45/SenchaCmd-4.0.1.45-windows.exe.zip）

2.解压sencha touch的压缩包，存放的目录例如：    e:/webroot/touch-n.n/ 

命令行下，进入该目录，执行以下命令，创建一个sencha touch工程：$ sencha generate app MyApp ../MyApp

或者：sencha -sdk /path/to/sencha-touch-sdk generate app MyApp /path/to/www/myapp

3. 进入文件夹cd MyApp 

4.添加android的应用支持：sencha cordova init com.example.MyApp MyApp 

注意：保持这里的app id、工程名称和之前我们创建的phonegap工程一致.

5.打开MyApp根目录，修改cordova.local.properties文件，设置运行环境为android：cordova.platforms=android

6.执行命令，打包文件到工程目录:sencha app build package

注意：默认sencha touch是打包到MyApp目录下的build文件夹，我没找到修改路径的配置，所以需要先修改 MyApp下面的build.xml，添加一个任务：    

<target name="-after-build">          

<copy todir="E:\phonegap-project\MyApp\platforms\android\assets\www">          

<fileset dir="build/package/MyApp"/>         

</copy>      

</target> 

这样就可以把文件都拷贝到phonegap的工程目录下面了。

至此完成！sencha touch一个工程+phonegap一个工程。前者输出js+html给后者，后者再打包为apk文件。

其它：

1.本来sencha内置了直接打包为apk文件，但是我的机子上无法正确运行。 

BUG:  http://www.sencha.com/forum/showthread.php?276203-Possible-bugs-in-Sencha-Cmd-4.0.1.45

2.目前的在js里面写中文，sencha touch打包以后会乱码。(环境：win7 + SenchaCmd-4.0 + sdk 2.3.1 )

解决方式：给js里面第一行添加：//@charset utf-8 即可。

转自：http://mutongwu.iteye.com/blog/1983982