PhoneGap中文网

 找回密码
 立即注册
查看: 55817|回复: 10

PhoneGap3.4安装教程

[复制链接]

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
发表于 2014-3-13 09:31:09 | 显示全部楼层 |阅读模式
phonegap3.4安装视频教程地址

http://bbs.phonegap100.com/thread-668-1-1.html



PhoneGap3.4安装教程  适用于phonegap3.0以上版本


安装前准备工作


1、下载java sdk 1.6以上版本

2、下载Android Development Tools
  已经包括了Android sdk、esclipe,解压即可使用。 

  https://developer.android.com/sdk/index.html

3、设置系统变量
 系统变量 Path后面添加:

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

2. sdk一定要安装最新的android4.4 以上版本









    1.     D:\Program Files\ADT\sdk\tools;
    2.     D:\Program Files\ADT\sdk\platform-tools;
    3.     D:\Program Files\ADT\sdk\eclipse\plugins\org.apache.ant_1.8.3.v201301120609\bin
    4.     C:\Program Files (x86)\Java\jdk1.6.0_10\bin;


    5. 新增 JAVA_HOME,设置值为java sdk 根目录:

    6. C:\Program Files (x86)\Java\jdk1.6.0_10\
    复制代码

配置完成后检测是否安装成功
1.输入  java  如下图表示成功

2.jpg

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

3.jpg

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

4.jpg

4、下载并安装NodeJS
  NodeJS

5、进入cmd,执行以下命令安装
  npm install -g cordova

6、新建phonegap 项目  

  1. cordova create hello com.example.hello "HelloWorld"
  2. cd hello
  3. cordova platform add android
  4. cordova build
复制代码


7、使用ADT工具打开并编辑该项目
  File>New>Project>Android>Android Project from Existing Code
  选择则刚才建立项目所在路径,即可使用ADT打开进行编辑。

6.jpg

7.jpg


8.jpg


8、项目的结构

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

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



官方文档:

http://docs.phonegap.com/en/3.4. ... %20Platform%20Guide


回复

使用道具 举报

1

主题

91

帖子

89

积分

注册会员

Rank: 2

积分
89
发表于 2014-3-13 09:33:24 | 显示全部楼层
路过,支持一下啦
回复 支持 反对

使用道具 举报

6

主题

176

帖子

198

积分

注册会员

Rank: 2

积分
198
发表于 2014-3-13 14:27:48 | 显示全部楼层
不知该说些什么。。。。。。就是谢谢
回复 支持 反对

使用道具 举报

1

主题

7

帖子

39

积分

新手上路

Rank: 1

积分
39
发表于 2014-3-15 10:29:29 | 显示全部楼层
在使用xcode时,更新了最新的xcode,然后phonegap更新到3.4 现在ios已经更新到7.1  好多错误...
回复 支持 反对

使用道具 举报

0

主题

3

帖子

13

积分

新手上路

Rank: 1

积分
13
发表于 2014-3-16 17:25:28 | 显示全部楼层
支持!!怎么这么少人顶呀。。
回复 支持 反对

使用道具 举报

0

主题

2

帖子

6

积分

新手上路

Rank: 1

积分
6
发表于 2014-3-18 01:38:27 | 显示全部楼层
您好!

当用cordova platform run android时出现:
Creating android project...
'C:\Users\???\.cordova\lib\android\cordova\3.4.0\bin\create' is not recognized as an internal or external command, operable program or batch file.
   [error] cmd: Command failed with exit code 1

在phonegap讨论区亦有人出现此问题.https://groups.google.com/forum/ ... VGoUb0/YKO5sRpbx0MJ

谢谢您的答覆.
回复 支持 反对

使用道具 举报

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
 楼主| 发表于 2014-3-18 20:46:49 | 显示全部楼层
lwg 发表于 2014-3-18 01:38
您好!

当用cordova platform run android时出现:

路径改为英文 尤其是ant的路径  不然编译会出错

可以看看我们的视频教程
回复 支持 反对

使用道具 举报

2

主题

9

帖子

56

积分

注册会员

Rank: 2

积分
56
发表于 2014-3-25 21:48:59 | 显示全部楼层
我是win7 - 64位系统下,安装node.js,然后在 node.js command prompt里,输入 npm install -g phonegap 或者 npm install -g cordova, 结果都没有反应,下载不了。。。。。在网上查资料,说是 npm 的 registry 被 墙掉了。。。。。。不知道大家 是否也能把 phonegap 下载下来,郁闷中。。。。。。
回复 支持 反对

使用道具 举报

0

主题

8

帖子

28

积分

新手上路

Rank: 1

积分
28
发表于 2014-3-27 14:23:52 | 显示全部楼层
我执行到安装命令的时候
npm install -g phonegap
紧接着下面出现一行
npm http GET https://registry.npmjs.org/phonegap
然后就没有反应了,
有人能回答下这是怎么回事吗?

回复 支持 反对

使用道具 举报

0

主题

8

帖子

32

积分

新手上路

Rank: 1

积分
32
发表于 2014-4-10 22:21:23 | 显示全部楼层
卡在这里了Downloading cordova library for www...  有人知道怎么回事吗

D:\workspace>cordova -d create helloworld1
Creating a new cordova project with name "HelloCordova" and id "io.cordova.hello
cordova" at location "D:\workspace\helloworld1"
Using stock cordova hello-world application.
Requesting {"uri":"https://git-wip-us.apache.org/repos/asf?p=cordova-app-hello-w
orld.git;a=snapshot;h=3.4.0;sf=tgz"}...
Downloading cordova library for www...
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-3-29 13:17 , Processed in 0.060250 second(s), 36 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表