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月前
|
Linux Python
Linux Debian12使用VSCode和Python搭建flask开发环境
本文主要介绍了Linux Debian12使用VSCode和Python搭建flask开发环境的方法,并结合一个基础flask网页例子,测试是否运行正常。
163 2
Linux Debian12使用VSCode和Python搭建flask开发环境
|
3月前
|
Rust Shell 开发者
7步开始rust(自定义环境安装与vscode开发环境配置)
本文档详细记录了当改变Rust安装路径至特定目录(如 `/home/local_rust`)时,如何在VSCode环境中正确配置Rust开发环境的过程。主要包括:设置环境变量、使用清华大学镜像安装Rust及更新镜像源、手动部署 `rust-analyzer`、安装标准库源码、安装与配置VSCode插件等七个步骤,确保开发者能够顺利搭建并使用定制化的Rust开发环境。
562 0
|
3月前
|
应用服务中间件 Apache PHP
Apache vs Nginx: 实际考虑因素
Apache vs Nginx: 实际考虑因素
120 0
|
4月前
|
JavaScript IDE 开发工具
vue3【2024版】开发环境搭建(含官网和nvm下载切换最新版node,修改node下载源,创建项目,启动项目,安装vscode插件Vue - Official)
vue3【2024版】开发环境搭建(含官网和nvm下载切换最新版node,修改node下载源,创建项目,启动项目,安装vscode插件Vue - Official)
288 3
|
4月前
|
JavaScript 前端开发 关系型数据库
入职必会-开发环境搭建28-VSCode下载和安装
Visual Studio Code(简称 VS Code)是由微软开发的免费开源代码编辑器,支持几乎所有主流操作系统,包括 Windows、macOS 和 Linux。它具有丰富的功能和扩展性,适用于各种编程语言和应用场景。
|
5月前
|
JavaScript C++ 应用服务中间件
vs code 搭建 vue 开发环境
vs code 搭建 vue 开发环境
46 4
|
5月前
|
IDE 开发工具
一文搞懂:【Haxe】(一)VSCode搭建Haxe开发环境
一文搞懂:【Haxe】(一)VSCode搭建Haxe开发环境
60 0
|
5月前
|
NoSQL C语言 C++
C语言开发环境搭建,使用vscode运行hello,world
C语言开发环境搭建,使用vscode运行hello,world
132 0
|
6月前
|
应用服务中间件 网络安全 Apache
构建高性能Web服务器:Nginx vs Apache
【5月更文挑战第16天】Nginx与Apache是两种主流Web服务器,各具优势。Nginx以其轻量级、高并发处理能力和反向代理功能见长,适合大型网站和高并发场景;而Apache以功能丰富、稳定性强闻名,适合企业网站和需要多种Web服务功能的场景。在性能上,Nginx处理高并发更优,Apache则可能在高负载时遭遇瓶颈。在选择时,应根据实际需求权衡。
|
6月前
|
JavaScript 搜索推荐 Java
vscode打造舒适的python开发环境
_shigen_ 是一位专注于Java、Python、Vue和Shell等技术的博主,分享成长与认知。本文旨在记录配置Mac Python开发环境的过程,以优化使用体验和效率。内容包括:检查与验证Python版本,设置pip的阿里云镜像源以加速下载,以及VSCode的个性化配置,如选用美观的等宽字体和安装Python、isort(导入排序)及autopep8(代码格式化)插件。通过这些步骤,读者可复刻作者的高效开发环境。关注_shigen_ ,每天学习新知识!
84 0
vscode打造舒适的python开发环境
下一篇
无影云桌面