美文网首页移动WEB开发Android知识Android开发
android studio + phonegap开发环境搭建(

android studio + phonegap开发环境搭建(

作者: body_L | 来源:发表于2017-03-24 09:57 被阅读1855次

昨天去某公司面试,公司的产品要实现跨平台,面试完,马上网上找资料,才发现我很久以前已经接触过了,只是那时还在学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

重新运行后的结果

相关文章

网友评论

  • 迷惘搬运工:博主,在导入as的时候出现:
    Unable to resolve dependency for ':@debug/compileClasspath': Could not resolve project :CordovaLib.

    Could not resolve project :CordovaLib.
    Required by:
    project :
    > Project : declares a dependency from configuration 'debugCompile' to configuration 'debug' which is not declared in the descriptor for project :CordovaLib.
    遇到没?
  • body_L:欢迎看官们指出错误:blush:

本文标题:android studio + phonegap开发环境搭建(

本文链接:https://www.haomeiwen.com/subject/vquxottx.html