[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

相关文章

Spring Boot + MyBatis Plus 高效开发实战从入门到进阶优化(推荐)

《SpringBoot+MyBatisPlus高效开发实战从入门到进阶优化(推荐)》本文将详细介绍SpringBoot+MyBatisPlus的完整开发流程,并深入剖析分页查询、批量操作、动... 目录Spring Boot + MyBATis Plus 高效开发实战:从入门到进阶优化1. MyBatis

Python基于wxPython和FFmpeg开发一个视频标签工具

《Python基于wxPython和FFmpeg开发一个视频标签工具》在当今数字媒体时代,视频内容的管理和标记变得越来越重要,无论是研究人员需要对实验视频进行时间点标记,还是个人用户希望对家庭视频进行... 目录引言1. 应用概述2. 技术栈分析2.1 核心库和模块2.2 wxpython作为GUI选择的优

利用Python开发Markdown表格结构转换为Excel工具

《利用Python开发Markdown表格结构转换为Excel工具》在数据管理和文档编写过程中,我们经常使用Markdown来记录表格数据,但它没有Excel使用方便,所以本文将使用Python编写一... 目录1.完整代码2. 项目概述3. 代码解析3.1 依赖库3.2 GUI 设计3.3 解析 Mark

利用Go语言开发文件操作工具轻松处理所有文件

《利用Go语言开发文件操作工具轻松处理所有文件》在后端开发中,文件操作是一个非常常见但又容易出错的场景,本文小编要向大家介绍一个强大的Go语言文件操作工具库,它能帮你轻松处理各种文件操作场景... 目录为什么需要这个工具?核心功能详解1. 文件/目录存javascript在性检查2. 批量创建目录3. 文件

基于Python开发批量提取Excel图片的小工具

《基于Python开发批量提取Excel图片的小工具》这篇文章主要为大家详细介绍了如何使用Python中的openpyxl库开发一个小工具,可以实现批量提取Excel图片,有需要的小伙伴可以参考一下... 目前有一个需求,就是批量读取当前目录下所有文件夹里的Excel文件,去获取出Excel文件中的图片,并

Qt把文件夹从A移动到B的实现示例

《Qt把文件夹从A移动到B的实现示例》本文主要介绍了Qt把文件夹从A移动到B的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学... 目录如何移动一个文件? 如何移动文件夹(包含里面的全部内容):如何删除文件夹:QT 文件复制,移动(

kotlin中的模块化结构组件及工作原理

《kotlin中的模块化结构组件及工作原理》本文介绍了Kotlin中模块化结构组件,包括ViewModel、LiveData、Room和Navigation的工作原理和基础使用,本文通过实例代码给大家... 目录ViewModel 工作原理LiveData 工作原理Room 工作原理Navigation 工

基于Python开发PDF转PNG的可视化工具

《基于Python开发PDF转PNG的可视化工具》在数字文档处理领域,PDF到图像格式的转换是常见需求,本文介绍如何利用Python的PyMuPDF库和Tkinter框架开发一个带图形界面的PDF转P... 目录一、引言二、功能特性三、技术架构1. 技术栈组成2. 系统架构javascript设计3.效果图

基于Python开发PDF转Doc格式小程序

《基于Python开发PDF转Doc格式小程序》这篇文章主要为大家详细介绍了如何基于Python开发PDF转Doc格式小程序,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 用python实现PDF转Doc格式小程序以下是一个使用Python实现PDF转DOC格式的GUI程序,采用T

使用Python开发一个图像标注与OCR识别工具

《使用Python开发一个图像标注与OCR识别工具》:本文主要介绍一个使用Python开发的工具,允许用户在图像上进行矩形标注,使用OCR对标注区域进行文本识别,并将结果保存为Excel文件,感兴... 目录项目简介1. 图像加载与显示2. 矩形标注3. OCR识别4. 标注的保存与加载5. 裁剪与重置图像