美文网首页
Cordova Android的环境搭建

Cordova Android的环境搭建

作者: 小虾米前端 | 来源:发表于2017-07-03 16:58 被阅读0次

    0、下载java sdk 1.8以上版本JDK

    1、下载Android Development ToolsADT已经包括了Android sdk、esclipe,解压即可使用。

    https://pan.baidu.com/s/1skFkA3z

    2、配置环境变量

    系统变量里面新增JAVA_HOME,设置值为javasdk根目录:

    例如:C:\Program Files\Java\jdk1.8.0_121

    系统变量 Path 变量里面增加如下

    ;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin

    测试是否安装和配置好。在 cmd 命令行中分别输入 java   javac 看看是否报错

    解压adt包,随便放在你的一个目录下面,注意:路径不要有中文,不要又特殊符号

    例如这里我放在 D:\Program Files\ 下面

    系统变量 Path 变量里面增加如下:

    D:\Program Files\adt\sdk\tools;D:\Program Files\adt\sdk\platform-tools;

    // 设置cnpm 源

    npm config set registry http://registry.cnpmjs.org/

    // 创建 cordova 项目不成功的话,先把 上次装的 cordova 给卸载

    npm uninstall -g cordova

    // 安装 cordova

    npm install -g cordova

    // cordova -v  显示版本号

    // 1. 创建项目

    cordova create hello com.xxx.www hello

    // 2. 进入项目目录

    cd hello

    // 3. 添加到 android 平台

    cordova platform add android

    打开夜神模拟器

    // 5. 使用  eclipse 进行打包

    // 把node_moudles 的文件给取消选择

    // 在MainActivity 点右键 Run AS -> android application

    此时夜神模拟器的桌面会多出一个hello的文件

    两个www 文件

    1. 根目录下的  /www

    2. 平台下的 www     /platforms/android/assets/www  (软件上面真实使用的页面)

    修改页面。

    *** 不要直接修改  平台下的 www。 修改 根目录下的www

    修改完成使用下面的命令,让 根目录下的 www 跟平台下的www保持一致,

    cordova  prepare

    然后重新 打包运行

    7、项目的结构

    要放我们的html代码的目录有两个

    1.C:\cordova\myApp\platforms\android\assets\www

    2.C:\cordova\myApp\www

    cordova  prepare这个命令是将 2下面的文件复制到  1里面了

    我们 主要编辑项目根目录下面的www目录里面的html 文件

    相关文章

      网友评论

          本文标题:Cordova Android的环境搭建

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