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