Mac下cordova安装与配置_Mac教程

Mac下cordova安装与配置

本篇详细介绍了如何在mac上安装和配置cordova的过程，希望我们整理的内容能帮助到你。

cordova是大家做混合开发最经常使用的一款使用html, css & js进行移动app开发多平台共用一套代码，中文官方网站（http://cordova.axuer.com/），号外一下最近好多国外网站被墙的太严重，回归正题，下面介绍一下cordova的安装以及其中的“坑”。

1.安装环境

cordova的命令行运行在上面并且可以通过npm安装。打开命令提示符或终端，然后键入npm install -g cordova

2.创建一个app

cordova create hello com.example.hello helloworld（这将会为你的cordova应用创造必须的目录。默认情况下，cordova create命令生成基于web的应用程序的骨骼，项目的主页是 www/ 文件。）　

3.添加一个平台

所有后续命令都需要在项目目录或者项目目录的任何子目录运行

cd hello

给你的app添加目标平台。我们将会添加'ios'和'android'平台，并确保他们保存在了config.xml中:

cordova platform add ios --save

cordova platform add android --save

检查你当前平台设置状况:

cordova platform ls 注意:在你使用cli创建应用的时候，不要修改/platforms/目录中的任何文件。当准备构建应用或者重新安装插件时这个目录通常会被重写。

4.构建app

运行下面命令为所有添加的平台构建:

cordova build

你可以在每次构建中选择限制平台范围 - 这个例子中是'ios':

cordova build ios

说一说我遇见的“坑”吧！！！

这是官网的安装sdk与android api级别的对应表，必须按照这个表选择对应的安装负责就会报错。

接着就是，mac下的环境变量的设置，一般java系统都是自带的，可以不用安装（但是要配置java_home）,

然后安装sdk，安装或者。如果你计划开发一个新的cordova android插件或者使用android平台原生的工具去运行和调试，那么就使用android studio吧。否则，android stand-alone sdk tools就足够构建和部署android应用程序。在安装完android sdk后,你需要安装任何你希望的目标的sdk包。建议你安装cordova-android(参见上面)支持的最高级别的sdk包。

为了使功能正常使用cordova的cli工具需要设置一些环境变量。cli会尝试为你设置这些变量，但在某些情况下你需要手动设置。下面这些变量需要更新:

设置java_home环境变量，指定为jdk安装路径设置android_home环境变量，指定为android sdk安装路径同时也建议你添加android sdk的tools和platform-tools目录到你的path

在mac或者linux上面，你可以使用文本编辑器来创建或者修改文件~/.bash_profile。为了设置一个环境变量，添加一行，使用export像下面这样(用你本地安装路径替代路径):

export android_home=/development/android-sdk/

为了更新path,添加一行类似下面这样(路径替换为你本地的android sdk安装路径):

export path=${path}:/development/android-sdk/platform-tools:/development/ android-sdk/tools

重新启动终端或者运行下面命令来看变化带来的反应:

source ~/.bash_profil

然后需要安装gradle（android studio可以安装）

基本上就完成了，测试可以使用模拟器（genymotion等），也可以使用真机，希望可以帮助你。