Mac下cordova安装与配置

所属分类: 软件教程 / MAC教程 阅读数: 685
收藏 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等),也可以使用真机,希望可以帮助你。

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

Time Machine怎么用?Time Machine设置图文教程

Time machine是一款由人人影视字幕组开发的字幕制作软件,下文小编为大家带来了Time Machine设置图文教程,感兴趣的朋友可以一起看看
收藏 0 赞 0 分享

Neutron 3怎么安装?混音插件iZotope Neutron Advanced 3 Mac完美激活教程

izotope neutron advanced 3是一个专业的智能混音插件集,提供强大的音频混合、混音平衡等功能,内附带的数百种专业混音来调整你的音轨,这里提供izotope neutron advanced 3 Mac激活版的安装教程,希望对大家有帮助
收藏 0 赞 0 分享

pages文稿多余的空白页怎么删除?

pages文稿多余的空白页怎么删除?pages文稿想要删除空白页,该怎么删除呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Premiere Pro 2019怎么取消工具提示选项?

Premiere Pro 2019怎么取消工具提示选项?pr2019中开启了工具提示的功能,想要关闭这个功能,该怎么关闭呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

CrossOver mac版如何卸载?CrossOver mac版卸载的两种方法

CrossOver mac版一款在macos系统上运行的用于运行windows系统软件的程序,本文中介绍的是在macos系统上卸载该软件的方法,有需要的朋友可以阅读本文参考一下
收藏 0 赞 0 分享

keynote讲演录音素材怎么编辑剪辑?

keynote讲演录音素材怎么编辑剪辑?keynote文件中有录音,想要编辑录音,该怎么操作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Corel Painter 2019 Mac怎么破解?Mac版Corel Painter2019详细破解教程(附下载)

Corel Painter 2019破解版是一款为苹果操作系统用户打造的一款数位艺术绘图软件,非常人性化的为大家提供中文语言界面,本文也提供了破解补丁下载,详细安装破解教程请参考下文
收藏 0 赞 0 分享

解决macOS High Sierra无法正常安装的问题

我们在这篇文章中给大家总结了macOS High Sierra 无法正常安装的参考解决办法,另附其他一些相关注意事项有兴趣的朋友学习参考下。
收藏 0 赞 0 分享

思维导图XMind 8 Pro Mac中文破解补丁安装教程(附序列号)

XMind 8 Pro破解版是一款全球领先的商业思维导图软件,采用全球先进的Eclipse RCP软件架构,是集思维导图与头脑风暴于一体的“可视化思考”工具,下面就带来了XMind 8 Update 7 mac版安装教程及破解补丁破解方法
收藏 0 赞 0 分享

GIMP浮雕滤镜如何使用?GIMP中使用浮雕滤镜的方法

gimp for mac是一款可以在苹果电脑MAC OS平台上使用的多工能的Mac图像处理软件,软件本身就提供了多种图像处理的工具,包括一些滤镜还有许多的组件模块,本文为大家介绍的是使用这款软件的浮雕滤镜功能的操作方法
收藏 0 赞 0 分享
查看更多