Mac下cordova安装与配置

所属分类: 软件教程 / MAC教程 阅读数: 778
收藏 0 赞 0 分享

本篇详细介绍了如何在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等),也可以使用真机,希望可以帮助你。

更多精彩内容其他人还在看

hamachi(蛤蟆吃)怎么联机 蛤蟆吃联机图文教程

hamachi也即蛤蟆吃是一款虚拟局域网软件,您可以使用蛤蟆吃与外网的机友进行联机玩游戏的哦,这样您可以很方便您和其他不在同一个局域网的好友进行联机游戏或者互传文件了哦
收藏 0 赞 0 分享

Excel2011与2016 for Mac 版本有什么变化?

Excel2011与2016 for Mac 版本有什么变化? 最新发布的office2016中的Excel与2011版本相比带来了哪些新玩意?下面我们来看看这两个版本的详细对比图,需要的朋友可以参考下
收藏 0 赞 0 分享

Excel 2016 for Mac 怎么创建数据透视表?

Excel 2016 for Mac 怎么创建数据透视表?Excel 可通过数据透视表(也称为透视表)来帮助你,这是一种汇总、分析、浏览和显示数据的好方法。下面分享Excel 2016 透视表的制作方法
收藏 0 赞 0 分享

Mac版Office 2016正式发布:支持Retina视网膜显示屏

Mac版Office 2016正式发布,Office 2016 for Mac不仅继承了Office系列软件的办公便利性,而且还完美支持Mac产品特性,比如:全屏视图、多点触控手势以及Retina视网膜显示屏等等,感兴趣的朋友们可以过来看看
收藏 0 赞 0 分享

Mac版Office 2016今日发布 独立预计9月发布

Mac版Office 2016 独立版发布日期曝光,微软今天正式发布了Mac版Office 2016,但当前版本为“云端版”,用户虽然可以享受“在任何时候、任何地方以及任何设备上”访问文档文件,但前提是必须为Office 365订阅用户,独立版预计9月发布
收藏 0 赞 0 分享

Office 2016 for mac正式版发布(附视频演示及下载地址)

近日,微软旗下办公软件Office 2016已经正式面向Mac平台发布,其中包含Word、Excel、PowerPoint、Outlook 和OneNote五个组件,支持16种语言。本站主要为大家带来了Office 2016 for mac的下载地址和界面演示视频
收藏 0 赞 0 分享

Outlook 2016 for Mac 设置自动回复外出邮件的方法

如果你有Microsoft Exchange 电子邮件帐户,则可以使用“外出时的助理程序”发送自动答复。 对于 POP 或 IMAP 帐号,你可以设置邮件规则以自动答复新电子邮件,下面分享详细步骤
收藏 0 赞 0 分享

Speed download for Mac怎么用?Mac版Speed download添加下载任务教程

Speed download带有自动恢复下载的“涡轮增压”下载管理器,功能齐全的安全FTP客户端,那么,Mac版Speed download怎么用呢?针对此问题,本文就为大家介绍Speed download添加下载任务的方法
收藏 0 赞 0 分享

mac office 2016面向学生的10大功能和改进介绍

近日Office 2016 for Mac正式在139个国家和地区发布,微软对每个应用都进行了重大更新,尤其是关于学生党,简直是他们的福音。下面小编就为大家介绍Mac Office 2016面向学生的10大功能和改进介绍,一起来看看吧
收藏 0 赞 0 分享

Office 2016 Mac版安装失败怎么办?Office 2016Mac版安装失败解决方法

Office 2016 Mac版安装失败怎么办?针对此问题,脚本之家小编收集整理了部分Office 2016Mac版安装失败的解决办法,希望可以帮助到大家
收藏 0 赞 0 分享
查看更多