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. 其中:第一个 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 即可。
时间: 2025-01-12 12:42:19

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

Sencha Touch 开发环境搭建(一)

最近正在学习  android + HTML +Css +JS 搭建 android APP的开发模式.通过上网查阅资料,选定了Sencha Touch 来进行学习,由于中间走过了不少弯路,所以特地记载下载自己的学习过程以便后期学习使用. 第一步:安装JDK+JRE,此处不多说,有问题请百度. 第二步:安装Tomcat,不多说,有问题参照第一步. 第三步:下载Sencha Touch 我在学习的时候使用的 Sencha Touch 2.4.2 版本,如果没有可以从官方网站上下载,下载地址http

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或更早版本android sdk 如果需要生成ANDROID APP 注意将jdk,ruby,sencha cmd都添加到环境变量PATH例jdk path: JAVA_HOME变量路径为C:\Program Files (x86)\Java\jdk1.7.0_67则JDK PATH为%JAVA_HOME

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

针对cordova3.0,至现在的3.6都能用. 一.准备工作: 1.下载Node.js   网址:http://nodejs.org/ 2.下载phonegap 打开CMD窗口 Windows平台:npm install -g cordova Mac平台:sudo npm install -g cordova 安装好后,输入cordova –version验证是否成功 二.安卓开发环境搭建(避免中文目录): 下载环境JDK1.6和Android SDK 安卓SDK下载网址https://dev

Cordova 3.x 基础(1) -- 环境搭建(Windows / Android)

Cordova 3.x 基础(1) -- 环境搭建(Windows / Android) Mobile App分为三大类:Native App,Hybrid App,Web App.其中Hybrid App介于Native App和Web App之间,它能兼顾Native App的良好用户体验及强大的功能并具有Web App跨平台快速开发的优势.缺点在于依赖于各平台的WebView,WebView的性能好坏直接决定了Hybrid App的性能. 目前国内外的Hybrid App开发框架很多,比较

Phonegap(Cordova)3.4 + Android 环境搭建

PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台.它使开发者能够利用iPhone,Android,WP7等多种智能手机的核心功能--包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以以此扩展无限的功能. PhoneGap最初由Nitobi开发, 它被Adobe收购后,PhoneGap项目也被贡献给Apache软件基金会,并改名为 Apache Cordova. 目前最新版本:3.4.1 . Phone

Myeclipse下ExtJs环境搭建

一.资源下载以及相关介绍 Ext开发包,我们可以从官方网站里进行下载 http://www.sencha.com/products/extjs/download 笔者下载位置为Myeclipse根目录下 Ext开发包目录结构说明 builds目录为ExtJS压缩后的代码 docs目录为ExtJS的文档 examples目录中是官方的演示示例 locale是多国语言的资源文件,其中ext-lang-zh_CN.js是简体中文,必须引入 overview是ExtJS的功能概述 pkgs中是ExtJS

Extjs4.1 环境搭建

一.ExtJS简介 Ext是一个Ajax框架,用于在客户端创建丰富多彩的web应用程序界面,是在Yahoo!UI的基础上发展而来的.官方网址:www.sencha.com ExtJS是一个用来开发前端应用程序界面的JS框架,借鉴Swing等思想,提供了一套完整的组件库及强大的ajax支持功能,可以用Ext来开发基于Ajax的富客户端应用. 二.ExtJS特点: 使用标准的W3C技术: 庞大的组件模型及控件库: 丰富绚丽的界面元素: 强大实用的工具封装: 开源GPL: 三.ExtJS开发环境搭建:

一、环境搭建

1 更新到最新版本的pip(这是安装python扩展包的一个插件)命令如下: python -m pip install --upgrade pip 2 使用pip安装virtualenv,命令 pip install virtualenv  如果要指定版本号,pip install virtualenv==15.0.1(安装虚拟环境) 3 创建django虚拟环境,命令 virtualenv django_basic_venv 4 使用虚拟环境 需要进入到安装目录的Scripts文件夹下,运行

Ionic2环境搭建及文件目录介绍

[注]引用自:http://blog.csdn.net/jasonzds/article/details/53821184 1环境搭建 一年前研究混合框架,初步确定了四种方案给公司选择,ionic,hbuilder,wex5,react-native这四个框架各有优缺点,ionic和react-native是国外框架,相对好一点,文档更新很快,就不一一说了,大概的思路都是一样的,js逻辑实现,同时调用原生功能,h5,css3 UI实现,其实他们都有自己的ui框架,当时选择了国内的hbuiler,