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 等协议相互通信.每个微服务都在特定的界定上下文(每服务)中实现特定的 ...
随机推荐
- C++ 字符串字面值
C++ 字符串字面值 C++ 基本字符串类型 C++ 字符串类型 char 和 wchar_t c11 新增了 char16_t 和 char32_t 例子: wchat_t title[] = L& ...
- http的状态码(中英文)
1**:请求收到,继续处理 2**:操作成功收到,分析.接受 3**:完成此请求必须进一步处理 4**:请求包含一个错误语法或不能完成 5**:服务器执行一个完全有效请求失败 100——客户必须继续发 ...
- PostConstruct注解
应用场景:当你需要往Bean里注入一个其父类中定义的属性,而你又无法复写父类的属性或属性的setter方法时 public class UserDaoImpl extends HibernateDao ...
- eclipse背景颜色修改插件color theme
对于长时间编码的程序猿来说,这个插件可以说是福音了. 安装方式有两种: 1.可以直接在eclipse的eclipse marketplace 那里搜索安装 2.可以在Help->Install ...
- POJ 1365 Prime Land(整数拆分)
题意:感觉题意不太好懂,题目并不难,就是给一些p和e,p是素数,e是指数,然后把这个数求出来,设为x,然后让我们逆过程输出x-1的素数拆分形式,形式与输入保持一致. 思路:素数打表以后正常拆分即可. ...
- 学习笔记——原型模式Prototype
原型模式,简单说就是具有一个克隆方法,外部可以直接使用此方法得到相应对象的拷贝对象. 比如哆啦A梦的复制镜,一照,就把物品拷贝了一份(虽然是镜子复制是相反的,这里就忽略这个细节了) C++中依靠拷贝构 ...
- sql 语句操作
插入:insert into table1(field1,field2) values(value1,value2) db.execSQL(sql) db.execSQL(sql, bindArgs) ...
- Effective java -- 4 泛型
第二十三条:请不要在代码中使用原生态类型就是像Set这种待泛型的,就把泛型明确写出来. 第二十四条:消除非受检警告就是Set<String> sets = new HashSet();这种 ...
- 使用过滤器(Filter)解决请求参数中文乱码问题(复杂方式)
前述: 在写这篇笔记之前,对笔记中的设计模式进行介绍: 本篇笔记中将要使用到的设计模式是:装饰(包装)设计模式 (1)装饰(包装)设计模式口诀: ...
- Android Studio 连接真机调试
以小米4为例,先将手机通过USB连接电脑,在设备管理器中确保驱动安装正确. 对手机的设置 1.设置手机为开发者模式(设置->关于手机->连续点击MIUI版本--开启成功) 2.在更多设置中 ...