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

Cordova3+sencha touch2.x 环境搭建的更多相关文章

  1. sencha touch 开发环境搭建(视频)

    图文文章参见: http://www.cnblogs.com/mlzs/p/3420900.html 视频共享链接 百度:http://pan.baidu.com/s/1mg5DpS8

  2. Sencha Touch开发环境搭建及ext插件Spket安装

    第一步:JAVA SDK(JDK)的安装 以去问百度下载JDK,也可以到官方下载JDK. 下载地址: http://www.oracle.com/technetwork/java/javase/dow ...

  3. sencha touch 2.3 结合cordova 环境搭建

    sencha touch 2.3环境搭建必备工具 sencha touch 2.3 包sencha cmd 4.0以上JAVA JDK 1.7以上(注意JDK和JRE的区别)Ruby 1.9.3或更早 ...

  4. cordova3.X的部署和环境搭建教程

    针对cordova3.0,至现在的3.6都能用. 一.准备工作: 1.下载Node.js   网址:http://nodejs.org/ 2.下载phonegap 打开CMD窗口 Windows平台: ...

  5. Phonegap(Cordova)3.4 + Android 环境搭建

               PhoneGap是一个用基于HTML.CSS和JavaScript的,创建移动跨平台移动应用程序的高速开发平台. 它使开发人员可以利用iPhone,Android,WP7等多 ...

  6. EXT 基础环境搭建

    EXT 基础环境搭建使用 Sencha CMD 下载地址 https://www.sencha.com/products/extjs/cmd-download/ Sencha CMD 常用命令 API ...

  7. [ExtJs6] 环境搭建及创建项目

    1. 环境搭建 sencha cmd 和 extjs6 sdk. sencha cmd: https://www.sencha.com/products/extjs/cmd-download/ ext ...

  8. .NET Core系列 : 1、.NET Core 环境搭建和命令行CLI入门

    2016年6月27日.NET Core & ASP.NET Core 1.0在Redhat峰会上正式发布,社区里涌现了很多文章,我也计划写个系列文章,原因是.NET Core的入门门槛相当高, ...

  9. Azure Service Fabric 开发环境搭建

    微服务体系结构是一种将服务器应用程序构建为一组小型服务的方法,每个服务都按自己的进程运行,并通过 HTTP 和 WebSocket 等协议相互通信.每个微服务都在特定的界定上下文(每服务)中实现特定的 ...

随机推荐

  1. Linux 配置tomcat遇见的若干问题

    1.提示catalina.sh缺失 原因:未对bin目录下的.sh文件授权 执行:chmod +x bin/*.sh即可 2.正常启动Tomcat 但是外界无法访问 Linux防火墙原因,进入到 et ...

  2. springmvc 关于controller的字符编码

    在使用springMVC框架构建web应用,客户端常会请求字符串.整型.json等格式的数据,通常使用@ResponseBody注解使 controller回应相应的数据而不是去渲染某个页面.如果请求 ...

  3. 浅谈SQL Server 对于内存的管理

    简介 理解SQL Server对于内存的管理是对于SQL Server问题处理和性能调优的基本,本篇文章讲述SQL Server对于内存管理的内存原理. 二级存储(secondary storage) ...

  4. Coupons and Discounts

    Coupons and Discounts time limit per test 1 second memory limit per test 256 megabytes input standar ...

  5. hiho 1015 KMP

    input 1<=T<=20 string1 1<=strlen(string1)<=1e4 string2 2<=strlen(string2)<=1e6 out ...

  6. Struts中的数据处理的三种方式

    Struts中的数据处理的三种方式: public class DataAction extends ActionSupport{ @Override public String execute() ...

  7. maven项目转成web项目

    1.右键项目,Install Dynamic Web Module Facet

  8. Android根据Button状态(normal,focused,pressed)显示不同背景图片

    Android根据Button状态(normal,focused,pressed)显示不同背景图片 Android中Button 有focused, selected, pressed 等不同状态,通 ...

  9. HDU1896Stones(优先队列)

    Stones Time Limit : 5000/3000ms (Java/Other)   Memory Limit : 65535/32768K (Java/Other) Total Submis ...

  10. Ubuntu下安装Node.js

    下载Linux Binaries (.tar.gz)二进制包 解压 重命名为node 移动到/usr/local/目录下 创建软连接 ln -s /usr/local/node/bin/node   ...