phonegap3.4.0如何安装

原文：http://www.3lian.com/edu/2014/03-14/134658.html

PhoneGap是一能够让你用普通的web技术编写出能够轻松调用API接口和进入应用商店的HTML5应用开发平台。是唯一的一个支持7个平台的开源移动框架。它的优势是无以伦比的：开发成本低——据估算，至多Native App的五分之一!

　　目前Adobe剥离cordova以phonegap作为开发品牌，命令行也由原来的cordova改为phonegap。接下来将记录我安装phonegap3.4.0的过程。

　　第一步，在线安装

　　打开命令行输入

　　npm install -g phonegap

　　由于网络的问题，我装了3次才装上。装好之后，就是创建工程了(先确认ant命令 adb命令能正常使用 ps：adb命令在SDK包里的platform-tools文件夹下)

　　phonegap create my_app

　　cd my_app

　　phonegap run android

　　如果一切正常将会在虚拟机中看到helloworld的app。虚拟机可以通过eclipse先打开。这样就在你的电脑里安装了phonegap。不过工程是用ant的方式创建的，使用起来不是很方便。

　　第二步，制作jar文件

　　方法在官方上有介绍，不过需要添加成两个工程xxx 和 xxx-CordovaLib，这显然不够友好。xxx-CordovaLib其实为我们在2.9中使用到的cordova-2.9.0.jar文件，接下来就是制作这个jar文件。命令行下打开phonegap的目录，执行以下命令

　　cd .cordova/lib/android/cordova/3.4.0/framework

　　android update project -p

　　ant jar

　　执行成功后在framework目录下就能找到cordova-3.4.0.jar，把这个包扔到工程的libs目录下，这样就不用打开xxx-CordovaLib。

　　第三步，目录整理

　　当用eclipse打开的工程你会发现目录结构跟2.9.0差很多，在assets文件目录下只有个_where-is-www.txt，打开这个文件里头有说明：

　　To show `assets/www` or `res/xml/config.xml`, go to:Project -> Properties -> Resource -> Resource Filters

　　And delete the exclusion filter.

　　按照提示打开项目->属性->资源->资源过滤器，然后删除exclusion 里的选项。

　　在看目录assets目录下就有www文件夹，res下的xml也生成了config.xml。由于之前有使用ant进行项目的构建所有还有一些没有用的文件夹，模仿2.9.0的目录结构进行删除，这样一个3.4.0的eclipse工程就建立好了。

　　安装前准备工作

　　1、下载java sdk 1.6以上版本

　　2、下载Android Development Tools

　　已经包括了Android sdk、esclipe，解压即可使用。

　　3、设置系统变量

　　系统变量 Path后面添加：

　　一定要注意的是比在2.9的安装中多了ant的安装，还有就是下面列出来的四个路径不能是中文,不然ant编译会错误

　　D:Program FilesADTsdktools;

　　D:Program FilesADTsdkplatform-tools;

　　D:Program FilesADTsdkeclipsepluginsorg.apache.ant_1.8.3.v201301120609bin

　　C:Program Files (x86)Javajdk1.6.0_10bin;

　　新增 JAVA_HOME，设置值为java sdk 根目录：

　　C:Program Files (x86)Javajdk1.6.0_10

　　配置完成后检测是否安装成功

　　1.输入 java 如下图表示成功

　　2.输入 javac 如下图表示成功

　　3.输入 ant 如下图表示成功

　　4、下载并安装NodeJS

　　NodeJS

　　5、进入cmd，执行以下命令安装

　　npm install cordova

　　6、新建phonegap 项目

　　cordova create hello com.example.hello "HelloWorld"

　　cd hello

　　cordova platform add android

　　cordova build

　　7、使用ADT工具打开并编辑该项目

　　File>New>Project>Android>Android Project from Existing Code

　　选择则刚才建立项目所在路径，即可使用ADT打开进行编辑。

　　8、项目的结构

　　主要编辑 assets/www 目录下的 html css js 文件。

　　主目录下面的www目录为 assets/www 目录的引用直接编辑也是可以的

phonegap3.4.0如何安装相关推荐

【Linux】在VirtualBox-6.0中安装Manjaro18.0
1.参考博客: VMware虚拟机下Manjaro17.1.6安装详细教程 2.在VirtualBox-6.0中安装Manjaro18.0 1)基本步骤和博客中安装17.1.6相同,下面只记录不同的. ...
windows 检查cuda安装_Windows环境CUDA 4.0：安装与验证
[IT168专稿]在之前的文章中,介绍了<Windows环境CUDA 4.0:安装前的准备>,本文介绍CUDA 4.0的安装与验证过程. 安装CUDA软件安装CUDA软件需要以下步骤: ...
Anaconda 环境下 R 包 ggraph_1.0.2 安装小记
由于微信不允许外部链接,你需要点击文章尾部左下角的 "阅读原文",才能访问文中链接. 记录一下今天在 Anaconda3 环境下 R==3.4.3 中安装 ggraph 的一些问题 ...
windows10下 tensorflow2.0 gpu 安装
windows10下 tensorflow2.0 gpu 安装安装显卡驱动. 确定python.cuda和cudnn对应的版本安装cuda 安装cudnn 查看tensorflow的版本 impo ...
mysql8.0卸载出现问题,Windows环境下MySQL 8.0 的安装、配置与卸载
软件版本 Windows:Windows10 MySQL:mysql-8.0.17-winx64.zip 安装步骤 1.配置环境变量 2.新建my.ini文件文件位置:C:\Program File ...
VUE3.0 一.安装node.js、vue3.0脚手架
VUE3.0 一.安装node.js.vue3.0脚手架 1.安装nodejs 首先去官网下载nodejs 查看npm和node版本,出现版本号即安装成功. npm -v # 6.13.4node - ...
PHP5+apache_2.0.50+MySQL4.0+SQLServer安装方法
PHP5+apache_2.0.50+MySQL4.0+SQLServer安装方法 ①安装PHP5 1.解压php-5.0.0-Win32.zip到C:\PHP,重命名php.ini-dist为php ...
CentOs 6.0 下安装cacti的syslog插件
CentOs 6.0 下安装cacti的syslog插件一.软件环境: OS:CentOS 6.0 x86_64 rsyslog rsyslog-mysql syslog-v1.22-2.tgz 监 ...
oracle数据库gold,Oracle数据库之Oracle GoldenGate 12.2.0.1 安装、升级和删除
本文主要向大家介绍了Oracle数据库之Oracle GoldenGate 12.2.0.1 安装.升级和删除,通过具体的内容向大家展现,希望对大家学习Oracle数据库有所帮助. 1.准备工作选择 ...

phonegap3.4.0如何安装

phonegap3.4.0如何安装相关推荐

最新文章

热门文章