PhoneGap中文网

标题: 新版cordova安装教程【新手必看】 [打印本页]

作者: admin    时间: 2016-3-15 10:27
标题: 新版cordova安装教程【新手必看】
为使用最新版本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







作者: jack9    时间: 2016-3-15 20:41
您好!  第3步, 我正在学习的书是 “Phonegap create myApp”, 你为何 用 “Cordova ...” ? 它们相同吗 ? 这个板块是讲PhoneGap, 你为何别出心裁 “cordova”
作者: jack9    时间: 2016-3-15 20:58
我折腾了2天, 搭建的环境 还是有好问题 。。下载的文件与操作系统(64位)有关的,请特别说明
作者: ionicwang    时间: 2016-3-15 21:55
jack9 发表于 2016-3-15 20:41
您好!  第3步, 我正在学习的书是 “Phonegap create myApp”, 你为何 用 “Cordova ...” ? 它们相同吗  ...

用cordova吧  


作者: phonegapcms    时间: 2016-3-31 16:19
一不小心学会了哦
作者: AlvinIsVirgo    时间: 2016-4-27 09:49
phonegap100.com
作者: Mr.J    时间: 2016-4-29 11:38
本帖最后由 Mr.J 于 2016-4-29 11:39 编辑

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

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

Android 导入项目就出现错误

Android 导入项目就出现错误

作者: star887012    时间: 2016-8-31 08:57
Mr.J 发表于 2016-4-29 11:38
为什么我这里一直出现这个错误 ,步骤绝对没问题

这个是sdk版本问题,要android-23
作者: LQG    时间: 2016-11-4 11:22
jack9 发表于 2016-3-15 20:41
您好!  第3步, 我正在学习的书是 “Phonegap create myApp”, 你为何 用 “Cordova ...” ? 它们相同吗  ...

我用的也是phonega创建项目。。。还以为自己装的版本有问题,终于看见一个和自己一样的啦
作者: w396416679    时间: 2016-12-1 11:26
执行安装的时候一直停在这一步,几个小时都没动过,是要翻墙吗?

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

QQ截图20161201112329.png

作者: caidingjiao    时间: 2017-2-15 15:20
Error: Current working directory is not a Cordova-based project.
作者: caidingjiao    时间: 2017-2-15 15:21
Microsoft Windows [版本 10.0.14393]
(c) 2016 Microsoft Corporation。保留所有权利。

C:\Users\Administrator>cordova create myApp
Error: Path already exists and is not empty: C:\Users\Administrator\myApp

C:\Users\Administrator>cd mapp
系统找不到指定的路径。

C:\Users\Administrator>cdmyapp
'cdmyapp' 不是内部或外部命令,也不是可运行的程序
或批处理文件。

C:\Users\Administrator>cd myapp

C:\Users\Administrator\myapp>cordova platform add android
Error: Current working directory is not a Cordova-based project.

C:\Users\Administrator\myapp>





欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/) Powered by Discuz! X3.2