mac系统ionic开发ios app从安装到打包

各种安装

下载xcode

在打包时必需，可以去app store里搜索xcode，或者去找网盘或镜像

ant

模拟和打包
*ant依赖JRE，所以还得安装java运行时，可以使用brew search java
homebrew是mac下的包管理工具，很好用，很多工具可以先在这里搜索

ionic和cordova安装

sudo npm install -g ionic cordova

模拟器安装

sudo npm install -g ios-sim

IONIC添加ios平台、编译、模拟器运行

添加平台

ionic platform add ios
这一步时，可能会提示安装borew

构建平台

ionic build ios

使用ionic serve

ionic serve –lab
或者
ionic serve –address 68.54.96.105
指定IP地址
*使用默认浏览器打开页面，同时显示IOS和android效果

用模拟器打开

ionic emulate ios

emulate也可以指定使用的模拟设备

先查看支持的设备

ionic emulate ios --list

可能输出如下设备

iPhone-4s, 9.3
    iPhone-5, 9.3
    iPhone-5s, 9.3
    iPhone-6, 9.3
    iPhone-6-Plus, 9.3
    iPhone-6s, 9.3
    iPhone-6s-Plus, 9.3
    iPad-2, 9.3
    iPad-Retina, 9.3
    iPad-Air, 9.3
    iPad-Air-2, 9.3
    iPad-Pro, 9.3
    Apple-TV-1080p, tvOS 9.2
    Apple-Watch-38mm, watchOS 2.2
    Apple-Watch-42mm, watchOS 2.2

直接复制每个设备的字符串，包括后面的版本号，比如打算使用『iPad-2, 9.3』就需要拷贝这一串作为emulate的参数

onic  emulate ios --target="iPad-2, 9.3"

这样模拟器使用的就是9.3版本的ipad2

此处参考：http://stackoverflow.com/questions/22310526/cordova-start-specific-ios-emulator-image

安装到USB设备

ionic run ios/android这里写代码片

开发

ionic setup sass

更新sass

真机安装

安装证书什么的
将设备加入证书，并更新证书
*安装进设备前，需要先build，这样才是最新的效果

模拟调试

如果是在模拟器中调试的话：
1、在模拟器中打开应用，并点开需要调试WebView的页面；
2、在Safari中点Develop -> iOS Simulator -> XXX.app，弹出Web Inspector进行调试。

真机调试

如果想用真机调试的话（只能调试用Xcode编译安装的应用）：
1、先在设备上启用Web Inspector：点Settings -> Safari -> Advanced，启用Web Inspector；
2、打开应用，并点开需要调试WebView的页面；
3、在Safari中点Develop -> 设备名 -> XXX.app，弹出Web Inspector进行调试。

打包

ionic有package命令，试过始终是error server

使用xcode

打开xcode，file/open，选择IOS里的name.xcodeproj项目文件
然后使用xcode打包，教程很多，下面贴一个

http://jingyan.baidu.com/article/ceb9fb10f4dffb8cad2ba03e.html