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

重新运行后的结果

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 123,239评论 15 534
  • 文档包含以下内容: l 环境搭建 l 创建demo并调试运行 l 打包APK l 添加支持热更新 l 优化启动慢问...
    Miamin阅读 485评论 0 3
  • 一.准备工作:下载安装 Node.js (npm依赖包)JDK (Java开发工具包,即Java Dev...
    谢大见阅读 347评论 2 3
  • 导语 这篇文章主要介绍了如何在Android平台上使用Cordova 的command-line interfac...
    jorstinchan阅读 16,008评论 8 39
  • 亲爱的朋友们你们好!一转眼我的特种兵训练营生活已过了第二阶段,剩下6天是我 冲刺阶段我已完全适应了这种紧张、快捷的...
    敖玉墨阅读 20评论 0 0