Cordova 搭建IOS开发环境－console日志调试

注意：IOS开发环境只能在MAC系统上搭建。

1.安装 Node.js

Cordova需要Node.js环境，访问https://nodejs.org 下载安装， LTS版本即可，不要最新版。

2.安装 Cordova

执行下述命令把Cordova做为全局模块安装，可在任何目录执行。

$ sudo npm install -g cordova

3.安装 XCode

XCode是Apple提供的开发工具，一般MAC系统都默认安装好了。如无或需要更新，请到MAC的App Store去下载或更新。

4.安装ios调试和部署支持模块

$ sudo npm install -g ios-sim   //for 模拟器

$ sudo npm install --unsafe-perm=true -g ios-deploy  //for 真机

5.检查所有需要安装的模块是否都已经安装

$ cordova requirements

如有需要的模块未安装则会打印醒目的红色提示。

6.创建APP工程

$ cordova create hello com.xbrother.hello HelloWorld

hello: 工程存放的路径名

com.xbrother.hello:  ios app的bundle id, 要用这种反域名格式，并且要和之后提供的Provision File 匹配

HelloWorld: 项目称

以下的命令需要转到hello目录去执行。

7.添加IOS 平台

$ cordova platform add ios –save

8.添加console插件，让JS的console.log可以输出

$ cd hello

$ cordova plugin add cordova-plugin-console

8.为模拟器编译，运行

$ cordova build ios

$ cordova emulate ios

9.真机的编译调试部署需要开发者帐号，并且生成合法的Provision File, 这一步的内容请参阅苹果的文档http://developer.apple.com，有详细描述。 

10.把下载的Provision File 放到 ~/Library/MobileDevice/Provisioning 目录

Provisioning Profiles 文件夹cd进不去，可以用open在finder中显示

11.用文本工具打开Provision File, 找到UUID部分并记下；

12.在hello目录创建 build.json 文件，内容如下:

{

     "ios": {

         "debug": {

             "codeSignIdentity": "iPhone Development",

                 "provisioningProfile": "d2769690-9890-40c0-a3b9-6fddec449aa8" 

         },

         "release": {

             "codeSignIdentity": "iPhone Distribution",

             "provisioningProfile": ""

         }

     }

}

用在上一步记录的UUID替换文中的部分。

13.先用命令行编译一遍

$ cordova build --device ios

14.把iPhone用USB连接到电脑；

15.用XCode 打开hello/platforms/ios/HelloWorld.xcodeproj 工程文件，点击运行按钮即可。调试窗口就可以看到console.log的输出。

如图：