PhoneGap || Cordova 安装以及导入AndroidStudio 遇到的问题

需要用到的资源再网上可以下载到

Java SDK，node.js，apache-ant，ADT（google提供的android开发工具，其实主要是需要android SDK）

第一步

配置环境变量

JAVA的环境变量就不说了 都会

配置 ant 的变量

和JAVA变量配置的方法一样

创建ANT_HOME

把下载好的ant 路径复制进去

接下来在PATH 里面添加 ant\bin的路径

在 CLASS_PATH里面配置ant\lib的路径

配置完成后 在doc命令下 输入 ant 查看有没有配置成功

和上图一样代表配置成功了

如果出现 不是内部命令 或者其他情况都是失败的

重复上面的步骤直到成功

第二步

配置 ADT

在PATH 里面添加 platform-tools路径

以及tools 路径

这两个路径都在Android SDK 目录下面

第三步

下载 node.js 这个官网上有也就不废话了.

下载完成后 安装 直接next就行了

win7 开始 所有程序 找到 Node.js.command prompt 点击

输入 安装 phonegap || cordova 的代码

npminstall-gphonegap // Phonegap

npminstall-g cordova // cordova

安装成功后 就会出现如上图

Cordova安装方法一样

查看 相应的版本

至此都安装成功了

第四步

在node.js 下面创建 cordova 或者 phonegap 的项目

cordova create 目录名称 : hello 包名: com.lh.hello 项目名称: Test

创建成功 我的是在C:USER文件下面

找到之后 回到 node.js 页面

关联 AndroidStudio

先 输入命令名 cd 目录名 : hello
接着输入

cordova platform add --save android

要等一会

这样和android关联成功第一步

还没完

继续输入命令

cordova build

会出现一大堆代码 找到

代表成功了

然后就可以打开你的Android Studio 导入项目了

注意上面的路径 不要找错了

点击ok

开始导入

没有报错的话 就显示成功

导入成功 点击运行

项目在模拟器上跑起来了

如果一切顺利的话 到这里 整个PhoneGap/Cordova 已经安装完成顿号关联成功了

问题

就是上面的图

在我添加AndroidStudio 输入 phonegap build android(和cordova platform add --save android 的效果一样 就是 一个是phonegap 一个是cordova) 时候 遇到过

当时以为是一个小错误 没管直接导入AndroidStudio 中打包的时候还是报这个错误 (当时博主值装了phonegap 并没有装cordova)

仔细一看 是版本不匹配或者版本过低导致的

于是从头到尾检查了一遍 jdk、phonegap的版本都检查了一遍 都好着

在网上也搜了好久 看到一位大神的博客 作者记不清了 (着急忘了) 说是phonegap 有的不支持高版本的jdk 支持1.6的jdk 我的jdk 是1.7的 我以为是这个原因 于是决定装cordova 试试 在输入 cordova platform add --save anroid

ok 显示成功 博主以为成功了

之后就导入AndroidStudio 悲催的又出现

找了好久

问题找到了

在我输入 cordova platform add --save anroid 的时候 还有一步命令没输入

就是 cordova build

但是输入后还是报相同的错 看了看表早都下班了 公司也没几个人了

于是今天早上早早起来

在地铁上搜看有没有解决问题

结果还真找到了 由于在地铁上人多 没注意作者是谁 给作者点个赞

这个问题出现的原因是 我AndroidStudio 的版本工具 就是 Build-Tools 版本太高了 24.0

但是 博主的PhoneGap/Cordova
版本支持23.0的Build-Tools

解决的办法就是

删除这个Build Tools 24.0.2

再次输入 cordova build 成功

感谢看到这里 博主的废话有点多

谢谢各位忍了这么久

(最后 现在PhoneGap 和Cordova 是同一个 Phonegap是之前的名字现在的名字Cordova 看过PhoneGap发展的应该知道)

END