cordova 配置与使用

本文详细介绍了在Windows下配置Cordova环境的步骤,包括Android SDK、Node.js、相关开发工具的安装,以及Cordova工程的创建、运行、打包和插件管理。此外,还提到了使用hooks和图标、启动界面的配置方法。
摘要由CSDN通过智能技术生成

主要介绍的是windows下的环境配置,Mac下的环境只需要安装最新的Xcode和nodejs、cordova即可。

一、环境准备

1.android sdk下载或android studio安装

参考详细的安装和配置链接android studio安装   android sdk下载与配置

环境配置:

ANDROID_HOME=C:\Users\molin\AppData\Local\Android\Sdk
ANDROID_NDK_HOME=C:\Users\molin\AppData\Local\Android\Sdk\ndk-bundle

2.配置其他环境

1.安装java SDK

环境配置:JAVA_HOME=C:\Program Files\Java\jdk1.8.0_77

2.安装ant,参考链接ant安装配置和实例

环境配置:ANT_HOME=C:\greensoft\apache-ant-1.9.7

3.安装gradle

环境配置:GRADLE_HOME=C:\greensoft\gradle-3.2

4.安装maven

环境配置:

MAVEN_HOME=C:\greensoft\apache-maven-3.5.3
M2_HOME=C:\greensoft\apache-maven-3.5.3

5.path配置

%ANDROID_HOME%\tools;
%ANDROID_HOME%\platform-tools;
%JAVA_HOME%\bin;
%ANT_HOME%\bin;
%GRADLE_HOME%\bin;
%MAVEN_HOME%\bin;

3.安装 Node.js

4.安装cordova

利用node.js安装cordova    npm install -g cordova

检测是否安装成功 运行 cordova命令 

二、使用cordova

1.创建工程,在工程文件目录下运行 cordova create projectName

2.cordova 命令行界面cli创建项目

   cordova cli提供了--copy-from参数,允许制定从某个文件夹复制已有的资源 

   如:cordova create testtwo --copy-from=/Users/ray/Dropbox/blankcordova

3.cordova help命令查阅某项特性

4.文件夹结构

   ①config.xml——工程编译时用到的配置文件。命令行中指定的ID和name值 

   ②hooks文件夹——为高级开发者提供了更改CLI工作方式的途径。

   ③platforms文件夹——存放工程的原生代码。

   ④plugins文件夹——插件

   ⑤www文件夹——Cordova应用的核心所在,HTML,JavaScript和CSS代码。

5.cordova platforms 查看项目支持的平台 

   cordova platforms add android  添加新平台

   cordova pl

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值