PhoneGap中文网

 找回密码
 立即注册
查看: 109893|回复: 11
打印 上一主题 下一主题

新版cordova安装教程【新手必看】

[复制链接]

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
跳转到指定楼层
楼主
发表于 2016-3-15 10:27:18 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式
为使用最新版本phonegap/cordova ,决定使用官方提供的方法安装一次。

官方提供方法有些地方没有提到,因此这里记录完整的安装过程:



0、下载java sdk 1.6以上版本     建议下载最新的版本  比如1.8以上

1、下载Android Development Tools

  已经包括了Android sdk、esclipe,解压即可使用。 下载里面更新完成sdk的版本

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


2、设置系统变量

 系统变量 Path后面添加:

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

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

  C:\Program Files (x86)\Java\jdk1.6.0_10\


      环境变量里面增加  ;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin              注意环境变量之间的;   

      此步揍相当于 上面的最后两个环境变量,不要重复添加,运行java javac出来结果表示成功






3、下载并安装NodeJS

  NodeJS

2、进入cmd,执行以下命令安装

  npm install  -g cordova

3、新建phonegap/cordova 项目

       cordova create myApp

  cd myApp

  cordova platform add android

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

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

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

      打开的时候如果出现两个选项全选如果出现很多,那么debug和build相关字眼的不选,最后也是剩余两个,然后点击完成



5、项目的结构

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



  具体目录结构说明可参考:http://blog.csdn.net/crazy123456789/article/details/7518396



新版cordova安装视频教程地址:

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






回复

使用道具 举报

3

主题

20

帖子

56

积分

注册会员

Rank: 2

积分
56
沙发
发表于 2016-3-15 20:41:24 | 只看该作者
您好!  第3步, 我正在学习的书是 “Phonegap create myApp”, 你为何 用 “Cordova ...” ? 它们相同吗 ? 这个板块是讲PhoneGap, 你为何别出心裁 “cordova”
回复 支持 反对

使用道具 举报

3

主题

20

帖子

56

积分

注册会员

Rank: 2

积分
56
板凳
发表于 2016-3-15 20:58:15 | 只看该作者
我折腾了2天, 搭建的环境 还是有好问题 。。下载的文件与操作系统(64位)有关的,请特别说明
回复 支持 反对

使用道具 举报

11

主题

529

帖子

1418

积分

金牌会员

Rank: 6Rank: 6

积分
1418
地板
发表于 2016-3-15 21:55:35 | 只看该作者
jack9 发表于 2016-3-15 20:41
您好!  第3步, 我正在学习的书是 “Phonegap create myApp”, 你为何 用 “Cordova ...” ? 它们相同吗  ...

用cordova吧  

回复 支持 反对

使用道具 举报

0

主题

4

帖子

19

积分

新手上路

Rank: 1

积分
19
5#
发表于 2016-3-31 16:19:30 | 只看该作者
一不小心学会了哦
回复 支持 反对

使用道具 举报

0

主题

1

帖子

4

积分

新手上路

Rank: 1

积分
4
6#
发表于 2016-4-27 09:49:35 | 只看该作者
phonegap100.com
回复 支持 反对

使用道具 举报

1

主题

3

帖子

11

积分

新手上路

Rank: 1

积分
11
7#
发表于 2016-4-29 11:38:03 | 只看该作者
本帖最后由 Mr.J 于 2016-4-29 11:39 编辑

C:\Users\admin\Desktop\QQ截图20160429113548.png
为什么我这里一直出现这个错误 ,步骤绝对没问题

QQ截图20160429113548.png (99.68 KB, 下载次数: 568)

Android 导入项目就出现错误

Android 导入项目就出现错误
回复 支持 反对

使用道具 举报

1

主题

13

帖子

41

积分

新手上路

Rank: 1

积分
41
8#
发表于 2016-8-31 08:57:11 | 只看该作者
Mr.J 发表于 2016-4-29 11:38
为什么我这里一直出现这个错误 ,步骤绝对没问题

这个是sdk版本问题,要android-23
回复 支持 反对

使用道具 举报

5

主题

38

帖子

177

积分

注册会员

Rank: 2

积分
177
9#
发表于 2016-11-4 11:22:07 | 只看该作者
jack9 发表于 2016-3-15 20:41
您好!  第3步, 我正在学习的书是 “Phonegap create myApp”, 你为何 用 “Cordova ...” ? 它们相同吗  ...

我用的也是phonega创建项目。。。还以为自己装的版本有问题,终于看见一个和自己一样的啦
回复 支持 反对

使用道具 举报

0

主题

1

帖子

8

积分

新手上路

Rank: 1

积分
8
10#
发表于 2016-12-1 11:26:15 | 只看该作者
执行安装的时候一直停在这一步,几个小时都没动过,是要翻墙吗?

QQ截图20161201112329.png (21.69 KB, 下载次数: 571)

QQ截图20161201112329.png
回复 支持 反对

使用道具 举报

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

本版积分规则

关闭

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

ionic4视频教程

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

GMT+8, 2024-12-21 21:46 , Processed in 0.084997 second(s), 39 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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