Apache Cordova开发环境搭建(二)VS Code

简介: 原文:Apache Cordova开发环境搭建(二)VS Code 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u011127019/article/details/56335719 ...
原文: Apache Cordova开发环境搭建(二)VS Code

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u011127019/article/details/56335719

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.xmlCordova的核心配置信息
•hook :自定义扩展功能 
•platform :支持的平台,例如AndriodiOS
•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.html
Please read the following process output to find out more:
-----------------------
Error occurred during initialization of VM
Could 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路径下需有21target)

更多:

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

目录
相关文章
|
6月前
|
负载均衡 Java 应用服务中间件
Caddy Web服务器深度解析与对比:Caddy vs. Nginx vs. Apache
Caddy Web服务器深度解析与对比:Caddy vs. Nginx vs. Apache
382 0
|
流计算 资源调度 Java
Apache Flink 零基础入门(二):开发环境搭建和应用的配置、部署及运行
本文主要面向于初次接触 Flink、或者对 Flink 有了解但是没有实际操作过的同学。希望帮助大家更顺利地上手使用 Flink,并着手相关开发调试工作。
Apache Flink 零基础入门(二):开发环境搭建和应用的配置、部署及运行
|
1月前
|
分布式计算 测试技术 Apache
Apache Hudi vs Delta Lake:透明TPC-DS Lakehouse性能基准
Apache Hudi vs Delta Lake:透明TPC-DS Lakehouse性能基准
37 4
|
3月前
|
Apache 调度 数据库
Apache DolphinScheduler VS WhaleScheduler
Apache DolphinScheduler VS WhaleScheduler
119 2
|
3月前
|
关系型数据库 Apache DataX
BDCC - 数据集成领域的主流中间件_ Apache SeaTunnel vs Flink CDC vs DataX vs Apache Sqoop vs Apache Flume
BDCC - 数据集成领域的主流中间件_ Apache SeaTunnel vs Flink CDC vs DataX vs Apache Sqoop vs Apache Flume
185 0
|
JSON Java Apache
如果你想在Java代码中写一个Http客户端,你会选择哪一种方式?Okhttp vs Apache vs Jdk
如果你想在Java代码中写一个Http客户端,你会选择哪一种方式?Okhttp vs Apache vs Jdk
|
JavaScript Java API
Visual Studio 2015 和 Apache Cordova 跨平台开发入门
原文:Visual Studio 2015 和 Apache Cordova 跨平台开发入门(一) 基于 Windows 10 的 Visual Studio 2015 跨平台的应用开发主要分为基于Visual Studio 安装 Xamarin 扩展的跨Android、iOS 和 Windows的...
1792 0
|
Web App开发 JavaScript Apache
Visual Studio 2015 和 Apache Cordova
原文:Visual Studio 2015 和 Apache Cordova 在开始前,问一下自己下面这些问题: 熟练掌握web技术的开发者比例是多少?(占所有开发者的比例) 熟练掌握移动开发技术(并且使用跨平台开发工具)的开发者比例是多少? 熟练掌握web技术和移动开发技术的开发者比例是多少? 在以上的开发者中,能够胜任跨移动平台开发的开发者比例又是多少? 由于学习时间和职业范围限制,最后一个问题中符合条件的开发者,少之又少。
1256 0
|
JavaScript API Apache
Apache Cordova介绍
原文:Apache Cordova介绍 Apache Cordova是一套设备API,允许移动应用的开发者使用JavaScript来访问本地设备的功能,比如摄像头、加速计。
1016 0
|
Apache
Apache Cordova
原文:Apache Cordova 1.使用方法 https://msdn.microsoft.com/en-us/library/dn771545(v=vs.
780 0

热门文章

最新文章