美文网首页移动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