[Phonegap+Sencha Touch] 移动开发1、准备工作

2024-01-28 11:58

本文主要是介绍[Phonegap+Sencha Touch] 移动开发1、准备工作,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

下面以Phonegap+Sencha Touch开发安卓为例:

首先需要一台windows电脑、一个webkit内核的浏览器,推荐Google Chrome

一、Java环境和Android SDK

1、安装JDK和JRE
JRE会在JDK安装完成后自动出现安装界面。
安装完成后,设置环境变量
JAVA_HOME    D:\Program Files\Java\jdk1.7.0_45(不同版本的JDK路径可能不一样)
CLASSPATH    .;%JAVA_HOME%\lib(注意开头的.)
PATH        %JAVA_HOME%\bin

2、安装Android SDK
下载好的Android SDK是个压缩包,名字类似adt-bundle-windows-x86-20131030.zip,压缩包里面包含eclipse、sdk和SDK Manager.exe,将其解压,比如解压到D:\Program Files\Android SDK
打开SDK Manager.exe,选择安卓版本(一般选择2.3和大于等于4.0的版本)进行安装,安装过程比较慢,大概一个多小时。
安装若出现Connection to http://dl-ssl.google.com refused,估计是被墙了,可以把203.208.46.146 dl-ssl.google.com添加到HOST文件(C:\Windows\System32\drivers\etc\hosts)中
最后把 D:\Program Files\Android SDK\sdk\tools 和 D:\Program Files\Android SDK\sdk\platform-tools 添加到系统PATH环境变量中

3、将ant的路径添加到PATH环境变量
D:\Program Files\Android SDK\eclipse\plugins\org.apache.ant_1.8.3.v201301120609\bin

二、Sencha Touch

1、下载 Sencha Touch, 并解压,如解压到D:\Code\Web\touch-2.3.1

2、下载 Sencha Cmd 并安装
Sencha Cmd是开发Sencha应用程序(sencha touch或者ExtJs)的一个命令行工具,提供了创建、编译(压缩)、部署等功能。更多请查看: http://docs.sencha.com/extjs/4.2.0/#!/guide/command

3、安装 RubyInstaller 1.9.3,安装时选择"Add Ruby executables to your PATH",即添加到PATH环境变量
Sencha Cmd需要Ruby,必须安装小于2.0的版本

三、PhoneGap

1、先安装NodeJS
PhoneGap的安装需要用到NodeJS里面的npm模块管理工具

2、安装PhoneGap
打开cmd,运行:npm install -g phonegap
如果要卸载,执行:npm uninstall -g phonegap
如果要更新,执行:npm update -g phonegap
如果要安装特定版本,执行:npm install -g phonegap@版本号    比如 npm install -g phonegap@3.3.0-0.19.6

3、安装GitHub工具
在用sencha touch开发webapp的时候,可能需要用到手机的原生API,如摄像头、陀螺仪等,phonegap提供了调用原生API的支持,但是需要手动为项目添加对应功能的phonegap插件,这些插件需要用GitHub下载

四、调试

在 PC 端,我们可以使用 Chrome 开发人员工具方便的调试网站或者 Web 应用。但是,当我们想在移动设备上调试站点或者应用的时候,这些工具就派不上用场了。因此,移动开发人员都希望能有 Mobile 版本的 Chrome 开发人员工具。
Weinre 就是这样一款工具,可以帮助我们调试移动网站及 PhoneGap 应用。

安装weinre
打开cmd,执行:npm -g install weinre
如果要卸载,执行:npm uninstall -g phonegap

转自:http://blog.csdn.net/lovelyelfpop

这篇关于[Phonegap+Sencha Touch] 移动开发1、准备工作的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/653567

相关文章

Android 悬浮窗开发示例((动态权限请求 | 前台服务和通知 | 悬浮窗创建 )

《Android悬浮窗开发示例((动态权限请求|前台服务和通知|悬浮窗创建)》本文介绍了Android悬浮窗的实现效果,包括动态权限请求、前台服务和通知的使用,悬浮窗权限需要动态申请并引导... 目录一、悬浮窗 动态权限请求1、动态请求权限2、悬浮窗权限说明3、检查动态权限4、申请动态权限5、权限设置完毕后

基于Python开发PPTX压缩工具

《基于Python开发PPTX压缩工具》在日常办公中,PPT文件往往因为图片过大而导致文件体积过大,不便于传输和存储,所以本文将使用Python开发一个PPTX压缩工具,需要的可以了解下... 目录引言全部代码环境准备代码结构代码实现运行结果引言在日常办公中,PPT文件往往因为图片过大而导致文件体积过大,

使用DeepSeek API 结合VSCode提升开发效率

《使用DeepSeekAPI结合VSCode提升开发效率》:本文主要介绍DeepSeekAPI与VisualStudioCode(VSCode)结合使用,以提升软件开发效率,具有一定的参考价值... 目录引言准备工作安装必要的 VSCode 扩展配置 DeepSeek API1. 创建 API 请求文件2.

基于Python开发电脑定时关机工具

《基于Python开发电脑定时关机工具》这篇文章主要为大家详细介绍了如何基于Python开发一个电脑定时关机工具,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1. 简介2. 运行效果3. 相关源码1. 简介这个程序就像一个“忠实的管家”,帮你按时关掉电脑,而且全程不需要你多做

Java中的Opencv简介与开发环境部署方法

《Java中的Opencv简介与开发环境部署方法》OpenCV是一个开源的计算机视觉和图像处理库,提供了丰富的图像处理算法和工具,它支持多种图像处理和计算机视觉算法,可以用于物体识别与跟踪、图像分割与... 目录1.Opencv简介Opencv的应用2.Java使用OpenCV进行图像操作opencv安装j

SSID究竟是什么? WiFi网络名称及工作方式解析

《SSID究竟是什么?WiFi网络名称及工作方式解析》SID可以看作是无线网络的名称,类似于有线网络中的网络名称或者路由器的名称,在无线网络中,设备通过SSID来识别和连接到特定的无线网络... 当提到 Wi-Fi 网络时,就避不开「SSID」这个术语。简单来说,SSID 就是 Wi-Fi 网络的名称。比如

基于Qt开发一个简单的OFD阅读器

《基于Qt开发一个简单的OFD阅读器》这篇文章主要为大家详细介绍了如何使用Qt框架开发一个功能强大且性能优异的OFD阅读器,文中的示例代码讲解详细,有需要的小伙伴可以参考一下... 目录摘要引言一、OFD文件格式解析二、文档结构解析三、页面渲染四、用户交互五、性能优化六、示例代码七、未来发展方向八、结论摘要

在 VSCode 中配置 C++ 开发环境的详细教程

《在VSCode中配置C++开发环境的详细教程》本文详细介绍了如何在VisualStudioCode(VSCode)中配置C++开发环境,包括安装必要的工具、配置编译器、设置调试环境等步骤,通... 目录如何在 VSCode 中配置 C++ 开发环境:详细教程1. 什么是 VSCode?2. 安装 VSCo

C#图表开发之Chart详解

《C#图表开发之Chart详解》C#中的Chart控件用于开发图表功能,具有Series和ChartArea两个重要属性,Series属性是SeriesCollection类型,包含多个Series对... 目录OverviChina编程ewSeries类总结OverviewC#中,开发图表功能的控件是Char

鸿蒙开发搭建flutter适配的开发环境

《鸿蒙开发搭建flutter适配的开发环境》文章详细介绍了在Windows系统上如何创建和运行鸿蒙Flutter项目,包括使用flutterdoctor检测环境、创建项目、编译HAP包以及在真机上运... 目录环境搭建创建运行项目打包项目总结环境搭建1.安装 DevEco Studio NEXT IDE