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