Apache Cordova开发环境搭建（二）VS Code

Apache Cordova开发环境搭建之VS Code

一、环境配置

1、下载并安装Node.js

2、下载并安装Git

3、配置Android开发平台环境（注意环境变量的配置：部分可以参考 Apache Cordova开发环境搭建(一)-Visual Studio）

（1）下载安装最新JDK

（2）下载安装AndroidSDK

（3）下载Apache Ant

二、Cordova全局安装

1.打开命令工具（按键win+r,输入cmd回车），执行npm install –g cordova

2.查看cordova -version 查看当前Cordova的版本

三、创建并构建App项目

1、创建项目

在命令窗口打开项目根目录（执行cd 目录名），执行cordova create  子项目名    package包名   应用名 

(例如 cordova   create  hello com.example.hello  helloWorld)

2、添加平台

a、在命令窗口打开项目目录（例如 cd hello）

b、执行cordova platforms ls，检查你的电脑支持的平台

c、在命令窗口打开项目目录（例如 cd hello），执行cordova platform add android

3、构建应用

在命令窗口执行cordova build android ，

特别说明，在第一次生成Android的时候，会自动下载Gradle到C盘可能时间一般时间比较长。

如下图表示生成成功。

4、手机测试

在命令窗口执行cordova run android

 

   5、使用VS Emulator测试 ，关于 VS Code插件Cordova Tools使用请参考：http://blog.csdn.net/u011127019/article/details/59137579

1.使用 adb connect 链接到模拟器的IP地址

2.运行 cordova ，结果如下：

四、目录介绍

•config.xml：Cordova的核心配置信息

•hook ：自定义扩展功能 

•platform ：支持的平台，例如Andriod、iOS等

•plugins ：插件目录

•www ：web目录

五、在创建过程中可能会遇到的问题

1、Unable to start the daemon process.抛出JVM内存异常问题：

Error:Unable to start the daemon process.This problem might be caused by incorrect configuration of the daemon.For example, an unrecognized jvm option is used.Please refer to the user guide chapter on the daemon at https://docs.gradle.org/2.14.1/userguide/gradle_daemon.htmlPlease read the following process output to find out more:-----------------------Error occurred during initialization of VMCould not reserve enough space for 1572864KB object heap

解决方案1：

在你的C:\Users\<username> 的gradle下gradle.properties（如果）文件中

 将org.gradle.jvmargs=-Xmx512m等号右边的值改为-Xmx512m
 然后重新build就好了。具体出现这个问题的原因是gradle的问题。

解决方案2：

如果解决方案1没有成功，还有一种可能，就是你的电脑是64位的，然而你的Java8 的JDK是32位的。重新安装JDK 64位便可解决。

2、编译ionic时出错:You have not accepted the license agreements of the following SDK components

解决方案：把对应版本的Sdk包在Android sdk管理工具中安装上就可以了。

3、

可能碰到问题：

解决方案：(保证cordova编译sdk和电脑端的sdk版本一致)

打开android目录下的project.properties文件，修改target=android-21(个人sdk路径下需有21的target)

更多：

Apache Cordova开发环境搭建(一)-Visual Studio

Cordova页面加载外网图片失败，Refused to load the image

更多参考：

https://cordova.apache.org/docs/en/latest/guide/cli/index.html

https://marketplace.visualstudio.com/items?itemName=vsmobile.cordova-tools

http://blog.csdn.net/mqy1023/article/details/50565057