ApaChe CorDova 的安装步骤(MAC)和创建IOS版的CorDova

本文详细介绍了在Mac上安装Apache Cordova的步骤,包括安装Node.js,使用sudo权限安装Cordova,创建项目,添加平台,以及运行项目。同时,指导如何创建并运行iOS版的Cordova项目,包括查找项目文件位置和启动Xcode进行进一步开发。
摘要由CSDN通过智能技术生成

MAC 版CORDOVA 的安装步骤

第一、CorDova 的介绍。

   CorDova 提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头、麦克风等。Cordova还提供了一组统一的JavaScript类库,以及为这些类库所用的设备相关的原生后台代码。

Cordova支持如下移动操作系统:iOS,Android,ubuntu phone os, Blackberry, Windows Phone, Palm WebOS, Bada Symbian

 

第二、我们开始安装CorDova.

   1:我们要先安装,Node.js。下载地址:https://nodejs.org/en/

如图:


   2:安装下载的 Node-VXXX.pkg(xx:代表某某版本) 的安装包。

如下图:


   3:安装完Node.js后,我们打开我们的终端。

   4:我们就开始安装CorDova ,使用CorDova 的安装命令。

   ① 安装CorDova: $ nmp install –g cordova   ,然后回车等待安装。安装结束后,如果出现下面情况:


不要急,终端已经给出提示:please try this command again asroot/Administrater。这句话的意思是,你没有权限(就像,MAC 下载一个软件,在安装的时候,会让你输入管理员密码)。

解决的方法是,在刚刚输入安装CorDova的命令前加 sudo。 添加后要输入的命令是:$ sudo nmp install –g cordova 回车后,就会出现一个钥匙,这就是让你输入超级管理员的密码。然后回车,Cordova 就开始重新安装。成功的截图:


② 创建一个CorDova 的项目。命令行是:$ cordova create XXX。(其中XX,是你自己起的CorDova 的名字),回车。


③ 将CorDova添加到一个平台上。命令行: 首先我们要进入,你上一步创建的CorDova的文件下:$ cd XXX 回车。下一步,执行添加命令:$ cordova platform add XXX

(XXX 是一个平台)。 如果你写的XXX不是一个平台,终端就会出错并提示:


出现这个也不是慌张。按照终端的错误提示:platform “XXX” not recognized as a corecordova platform。因为我输入的zsjbrowser 不是一个平台。解决的方法提示是:see ‘ cordova  platform list’。我们就给出CorDova的平台:

如果输入成功,终端结束后的截图如下:


④ 运行你创建的CorDova 的项目。命令行:$ cordova run browser .然后回车。如果没有安装Google Chrome 的话。终端会提示如下图:

解决的方法是:下载并安装 Google Chrome .然后在此,运行 $ cordova run browser 就可以看到在Google Chrome 页面里的cordova 的默认页面。

第三、我们创建第一个 IOS 的CorDova 项目。

     ①  创建一个IOS的项目。命令行是: $ cordova create CorDovaFirstIOSApp

②  将创建的CorDova的项目添加都IOS的平台上。命令行:$ cordova  platform add ios

③  我们运行我们创建的IOS 版CorDova的项目。命令行:$ cordova run CorDovaFirstIOSApp

 

第四、如何找到我们创建的IOS 版的CorDova 的项目。

① 点击MAC桌面 ===》② 点击屏幕的状态栏中的前往 ===》 ③ 在选择电脑(或者快捷键:command + shift + c )===》④ 选择MAC磁盘 ===》⑤ 选择【用户】文件夹 ===》⑥ 选择 mac ===》⑦ 选择CorDovaFirstIOSApp 文件 ===》⑧ 选择 platforms 文件夹  

然后,你就可以看到你创建的项目了。

点击启动Xcode。界面如下:


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值