Mac下cordova安装与配置

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

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

1.安装环境

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

2.创建一个App

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

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,安装Android Stand-alone SDK或者Android Studio。如果你计划开发一个新的Cordova Android插件或者使用Android平台原生的工具去运行和调试,那么就使用Android Studio吧。否则,Android Stand-alone SDK Tools就足够构建和部署Android应用程序。在安装完Android SDK后,你需要安装任何你希望的目标API级别的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等),也可以使用真机,希望可以帮助你。

(0)

相关推荐

  • Mac下如何安装字体?苹果Mac系统安装字体的三种方法

    最近有朋友问在Mac下如何安装字体呢?可能很多新手朋友初次使用Mac所以不太明白,这里就跟新手朋友介绍下在Mac下安装字体的方法,希望能帮到朋友们哦! 其实Mac安装字体和windows是一样的,简单 ...

  • linux服务器下LNMP安装与配置方法

    现在很多朋友都选择了linux服务器下配置LNMP(linux+nginx+mysql+php),这里分享下LNMP安装与配置方法,需要的朋友可以参考下 Nginx与apache、lighttp性能综 ...

  • 查找Mac下Homebrew安装的软件路径

    很多朋友在Mac下Homebrew安装的软件不知道安装到什么地方去了,因为MAC的文件放置逻辑关系和WIN系统有所差别,小编给大家整理的以下内容教给大家查找查找Mac下Homebrew安装的软件路径, ...

  • ubuntu14.04 LTS 下vsftpd安装与配置教程详解

    vsftpd是常用的ftp server端,网上文档很多.能用的很少,耽误了很多时间. 现记录一次安装配置的过程: 环境: Ubuntu 14.04.2 LTS 安装: sudo apt-get -y ...

  • Torch7在Ubuntu下的安装与配置教程详解(torch入门使用)

    Torch7的本系列教程的主要目的是介绍Torch的入门使用.今天首先分享一下Torch7的安装.(在Ubuntu14.04安装torch7) 为什么选择Torch Torch的目标是在建立科学算法的 ...

  • 苹果电脑Mac下如何安装软件?

    Mac下如何安装软件?对于第一次用苹果电脑的用户来说,安装应用程序可能会有些困难,因为这和Windows系统下安装程序有一定的区别.现在PC6小编以最常用的qq软件为例,演示如何安装qq for Ma ...

  • snmp协议在windows下的安装与配置

    snmp协议在windows下的安装与配置

  • windows下如何安装与配置Apache服务

    在PHP网站的服务器搭建时,Apache服务是其必备的构架,为了使更多的新手能够快速的进行其安装与配置成功,在此与大家一起分享 操作方法 01 运行下载好的"apache_2.0.55-wi ...

  • 在windows7环境下如何安装和配置Gnuplot

    gnuplot是一款免费的绘图工具,可以将数据和函数转换为专业图表.在这里小编就教大家如何在Windows7环境下安装和配置gnuplot. 操作方法 01 搜索gnuplot,下载和你电脑系统相对应 ...