Cordova3+sencha touch2.x 环境搭建
- 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 即可。
Cordova3+sencha touch2.x 环境搭建的更多相关文章
- sencha touch 开发环境搭建(视频)
图文文章参见: http://www.cnblogs.com/mlzs/p/3420900.html 视频共享链接 百度:http://pan.baidu.com/s/1mg5DpS8
- Sencha Touch开发环境搭建及ext插件Spket安装
第一步:JAVA SDK(JDK)的安装 以去问百度下载JDK,也可以到官方下载JDK. 下载地址: http://www.oracle.com/technetwork/java/javase/dow ...
- 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或更早 ...
- cordova3.X的部署和环境搭建教程
针对cordova3.0,至现在的3.6都能用. 一.准备工作: 1.下载Node.js 网址:http://nodejs.org/ 2.下载phonegap 打开CMD窗口 Windows平台: ...
- Phonegap(Cordova)3.4 + Android 环境搭建
PhoneGap是一个用基于HTML.CSS和JavaScript的,创建移动跨平台移动应用程序的高速开发平台. 它使开发人员可以利用iPhone,Android,WP7等多 ...
- EXT 基础环境搭建
EXT 基础环境搭建使用 Sencha CMD 下载地址 https://www.sencha.com/products/extjs/cmd-download/ Sencha CMD 常用命令 API ...
- [ExtJs6] 环境搭建及创建项目
1. 环境搭建 sencha cmd 和 extjs6 sdk. sencha cmd: https://www.sencha.com/products/extjs/cmd-download/ ext ...
- .NET Core系列 : 1、.NET Core 环境搭建和命令行CLI入门
2016年6月27日.NET Core & ASP.NET Core 1.0在Redhat峰会上正式发布,社区里涌现了很多文章,我也计划写个系列文章,原因是.NET Core的入门门槛相当高, ...
- Azure Service Fabric 开发环境搭建
微服务体系结构是一种将服务器应用程序构建为一组小型服务的方法,每个服务都按自己的进程运行,并通过 HTTP 和 WebSocket 等协议相互通信.每个微服务都在特定的界定上下文(每服务)中实现特定的 ...
随机推荐
- windows MySQL 安装
MySQL安装文件分为两种,一种是msi格式的,一种是zip格式的.如果是msi格式的可以直接点击安装,按照它给出的安装提示进行安装(相信大家的英文可以看懂英文提示),一般MySQL将会安装在C:\P ...
- 查找List中的最大最小值
以下实例演示了如何使用 Collections 类的 max() 和 min() 方法来获取List中最大最小值: import java.util.*; public class Main { pu ...
- pkgmgmt: Comparison between different Linux Systems..
found this page.. already done by precedents.. installation: aptitude install apt-get install yum in ...
- 观光公交noip<贪心>
题目链接:https://www.oj.swust.edu.cn/problem/show/1190 思路: 每在一段路上使用一次加速器,就会对某些人或者说某些路段上的人产生影响,目的是使产生的影响最 ...
- Swift POP+MVVM
Swift2.0中引入了协议扩展的特性,并且建议开发者一切从协议(Protocol)出发,经过几个月的学习探索,博主发现Swift作为一门面向协议编程(POP)的语言非常适合时下火热的MVVM架构.M ...
- 使用devcon禁用启用网卡
系统平台:win2003 情况描述: 机器上装有两块网卡,8136和8139,网卡A使用静态IP,连接内部办公网,网卡B使用DHCP,连接互联网.切换两个网络时,需要先禁用一个网卡,启用另一个网卡.来 ...
- 学习笔记——桥接模式Bridge
桥接模式的目的是在设计初,就将实现与接口分离,在以后实现发生变化时,只需要改变传递的实现对象,在保持接口一致的情况,达到实现的变更. 在OperationInterface中就调用实现的方法imp.O ...
- Python -- OOP高级 -- 元类
type()函数既可以返回一个对象的类型,又可以创建出新的类型 def fn(self, name="world"): print("Hello, %s!" % ...
- ormlite 删除操作
ormlite删除操作 DeleteBuilder<TransferDetailDtl, Integer> deleteBuilder = mRawDao.deleteBuilder(); ...
- linux 命令实现原理
我们知道有些Linux的命令涉及到一些高效率的算法,在此做出一个积累吧,不是系统的. 1.tail命令打印一个文件的最后num行 2.grep命令从文本中匹配字符串 基于正则表达式的匹配很快. it ...