Cordova3+sencha touch2.x 环境搭建

标签：

1. 1.安装 nodejs  
2. 2.安装 cordova：  
3.     npm install -g cordova  
4. 3.创建一个工程：  
5.    cordova create MyApp com.example.MyApp MyApp   
6.   
7.     其中：第一个 MyApp是文件夹的名称；  
8.           com.example.MyApp 是app id  
9.           第二个MyApp是工程的名称，也是应用的名称  
10. 4.进入文件夹  
11.    cd MyApp  
12. 5.创建一个android的应用  
13.     cordova platform add android  
14.   
15. 6.用eclipse新建android项目（导入刚才MyApp目录文件），就可以在eclipse下开发了。  
16. 注意:   
17. 1.eclipse要先安装ADT插件。  
18. 2.要先下载android的SDK，并把它的路径(例如：C:\Development\adt-bundle\sdk\tools)加入到环境变量path中。  
19. 否则第5步会报错：[Error: An error occurred while listing Android targets]  
20.   
21.   
22. =============================================================  
23.   
24. 至此，phonegap的工程搭建完成。那么，如何跟 sencha touch结合呢？  
25.   
26. 1.安装sencha touch命令行。（上官网下载exe文件：http://cdn.sencha.com/cmd/4.0.1.45/SenchaCmd-4.0.1.45-windows.exe.zip）  
27.   
28. 2.解压sencha touch的压缩包，存放的目录例如：  
29.    e:/webroot/touch-n.n/  
30.   
31. 命令行下，进入该目录，执行以下命令，创建一个sencha touch工程：  
32. $ sencha generate app MyApp ../MyApp  
33.   
34. 或者：  
35. sencha -sdk /path/to/sencha-touch-sdk generate app MyApp /path/to/www/myapp  
36.   
37. 3. 进入文件夹  
38.     cd MyApp  
39. 4.添加android的应用支持：  
40.     sencha cordova init com.example.MyApp MyApp  
41.     注意：保持这里的app id、工程名称和之前我们创建的phonegap工程一致。  
42.   
43. 5.打开MyApp根目录，修改cordova.local.properties文件，设置运行环境为android：  
44.      cordova.platforms=android  
45.   
46. 6.执行命令，打包文件到工程目录。  
47.      sencha app build package  
48.   注意：默认sencha touch是打包到MyApp目录下的build文件夹，我没找到修改路径的配置，所以需要先修改 MyApp下面的build.xml，添加一个任务：  
49.     <target name="-after-build">  
50.         <copy todir="E:\phonegap-project\MyApp\platforms\android\assets\www">  
51.         <fileset dir="build/package/MyApp"/>  
52.         </copy>  
53.     </target>  
54. 这样就可以把文件都拷贝到phonegap的工程目录下面了。  
55.   
56. 至此完成！  
57. sencha touch一个工程+phonegap一个工程。前者输出js+html给后者，后者再打包为apk文件。  
58.   
59.   
60. 其它：  
61. 1.本来sencha内置了直接打包为apk文件，但是我的机子上无法正确运行。  
62. BUG:  
63. http://www.sencha.com/forum/showthread.php?276203-Possible-bugs-in-Sencha-Cmd-4.0.1.45  
64.   
65. 2.目前的在js里面写中文，sencha touch打包以后会乱码。(环境：win7 + SenchaCmd-4.0 + sdk 2.3.1 )  
66. 解决方式：给js里面第一行添加：//@charset utf-8 即可。  

Cordova3+sencha touch2.x 环境搭建

标签：

原文地址：http://www.cnblogs.com/niejunchan/p/5379941.html