android studio + phonegap开发环境搭建(转载请说明出处)

昨天去某公司面试，公司的产品要实现跨平台，面试完，马上网上找资料，才发现我很久以前已经接触过了，只是那时还在学Android基础（汗）。

---

安装前准备工作

1.确保java JDK 为1.6以上版本

2.设置系统变量Path (JDK)

3.Android studio 你有（现在版本为2.3）

4.android SDK要用4.4以上版本

开车了

安装node.js

下载地址  点我快点我

任君选择下载

node.js傻瓜式安装(next...)

安装phonegap 6.5.0

命令行窗口运行 npm install -g cordova（注意：npm是否加到系统变量Path），这里要等挺久的，还不一定成功，我是从6.3版本升级上来的，哈哈哈，这个先借用网上的图

很久很久以前的图

鄙人得步骤：cordova -v（查询版本，各位安装完也可以运行下，还会检查下是否有更新，按提示更新就好了）

开始创建项目

1. 创建项目  cordova create helloPhonegap com.exampel.hello "HelloWorld"

创建项目命令

在此目录下就会多一个文件夹 helloPhonegap

项目结构

项目结构

2.添加android环境   cordova platform add android

在helloPhonegap子目录platforms会增加一个android文件夹（其实就是android项目）

3.编译项目 cordova build

这里有个小坑，我第一次build是失败的，第二次就好了，不知道为什么（一脸懵逼）

build 1

build 2

将项目导入android studio

1. File -> New -> Import Project

选择 helloPhonegap/platforms/android 文件夹导入

运行结果

修改启动界面

     helloPhonegap/www 新建helloIndex.html

helloIndex.html

修改android 项目下 res/xml/config.xml

运行是直接报错，原因是没有重新编译项目，用命令行 cordova build重新编译是没用的

解决方式: Build -> Make Project

重新运行后的结果