原文: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.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.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路径下需有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

Apache Cordova开发环境搭建(二)VS Code的更多相关文章

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

    原文:Apache Cordova开发环境搭建(一)-Visual Studio 一.使用Visual Studio开发Apache Cordova手机App 1.版本要求,Visual Studio ...

  2. odoo开发环境搭建(二):安装Ubuntu 17虚拟机

    odoo开发环境搭建(二):安装Ubuntu 17虚拟机 下载镜像文件: 配置网络: 安装vmware tools: 配置共享文件夹: 选中虚拟机,右键编辑设置里边配置共享文件夹,指定windows本 ...

  3. visual studio 2015 + Cordova 开发环境搭建

    简单的写一些,备忘,太折腾了,特别是通过代理上网的我们国内的开发者 1.当然是安装Visual Studio 2015,别忘了选择Tools For Apache Cordova. 对于通过Proxy ...

  4. cordova开发环境搭建

    最近我在尝试了解跨平台技术的发展,首先则是想到了cordova.本文简单记录下cordova环境搭建的过程. 安装cordova 首先是要npm全局安装cordova npm install -g c ...

  5. Cordova 开发环境搭建及创建第一个app

    整理记录使用cordova创建app应用程序并将其部署至Android系统移动设备上操作过程,具体如下: 一.前期安装环境 1. 安装JDK(java开发工具包) 2. 安装gradle 3. 安装A ...

  6. Apache Flink 开发环境搭建和应用的配置、部署及运行

    https://mp.weixin.qq.com/s/noD2Jv6m-somEMtjWTJh3w 本文是根据 Apache Flink 系列直播课程整理而成,由阿里巴巴高级开发工程师沙晟阳分享,主要 ...

  7. (SenchaTouch+PhoneGap)开发笔记(2)开发环境搭建二

    一.Java环境和Android SDK  1.安装JDK和JRE JRE会在JDK安装完成后自动出现安装界面. 安装完成后,设置环境变量 JAVA_HOME    D:\Program Files\ ...

  8. VSCode+Ionic+Apache Ripple开发环境搭建

    vscode作为一个轻量级编辑器,有其独特的魅力. 安装Ionic:npm install -g ionic 安装Apache Ripple模拟器: npm install -g ripple-emu ...

  9. Mac下Cordova开发环境搭建

    xcode下载 从Mac App Store 下载Xcode,只需要在Store键入Xcode,下载第一个就ok了 cordova安装与配置 cordova需要node安装,使用Safari打开nod ...

随机推荐

  1. Nginx系列(二)--模块化

    高度模块化的设计设Nginx架构的基础. 在Nginx中,除了少量的核心代码,其它一切皆为模块.模块化设计具有下面特点: 1.高度抽象的模块接口 2.灵活性 3.配置模块的设计使Nginx提供了高可配 ...

  2. Java 开源博客——B3log Solo 0.6.7 正式版发布了!

    Java 开源博客 -- B3log Solo 0.6.7 正式版发布了!欢迎大家下载. 另外,欢迎观摩 B3log 团队的新项目:Wide,也非常欢迎大家参与进来 :-) 特性 基于标签的文章分类 ...

  3. poj1564 Sum It Up (zoj 1711 hdu 1258) DFS

    POJhttp://poj.org/problem?id=1564 ZOJhttp://acm.zju.edu.cn/onlinejudge/showProblem.do?problemId=711 ...

  4. [outlook] [vba] Highlight text in body of incoming emails

    http://www.outlookcode.com/threads.aspx?forumid=2&messageid=33313 Sub CustomMailMessageRule(MyMa ...

  5. mysql数据库 navicat premium mac 破解教程

    https://www.jianshu.com/p/f3ef78deadaa 转自Navicat Premium for Mac v12.0.22.0 破解教程,macOS上手动破解,无需补丁,无毒 ...

  6. js 省市二级联动

    <html> <head> <meta charset="UTF-8"> <title></title> </he ...

  7. 【u124】环状最大两段子段和

    Time Limit: 1 second Memory Limit: 128 MB [问题描述] 给出一段环状序列,即认为A[1]和A[N]是相邻的,选出其中连续不重叠且非空的两段使得这两段和最大. ...

  8. form表单嵌套,用标签的form属性来解决表单嵌套的问题

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  9. SpringMVC上传图片总结(1)---常规方法进行图片上传,使用了MultipartFile、MultipartHttpServletRequest

    原文地址:https://blog.csdn.net/chenchunlin526/article/details/70945877 SpringMVC上传图片总结(1)---常规方法进行图片上传,使 ...

  10. Rational Rose2007无法正常启动解决方式

    安装完Rational Rose发现无法正常启动,我遇到了下面两个问题,希望能帮到同样经历的同学. 问题一: 安装完Rational Rose后不能用,提演示样例如以下:无法启动此程序,由于计算机中丢 ...