ionic 在mac上的环境搭建以及在iOS模拟器上测试

ionic 在mac上的环境搭建以及在iOS模拟器上测试

1.下载并安装nodejs ,这个不用多说，直接装就行了

2. npm install -g cordova ionic //(安装 ionic以及cordova, 不成功就用 sudo npm install -g cordova ionic ；sudo 用于提升权限）时间可能较长，请耐心等待

3 直接 命令行：ionic -v 或是 cordova -v 显示版本即为成功，不成功的话就重复步骤（2）

4 安装模拟器 :

npm install -g  ios-sim       //代表模拟器运行环境,
npm install -g  ios-deploy    //代表真机运行环境。

若不成功可能是权限问题，之后遇到问题先加上sudo试试。
sudo npm install -g  ios-sim    //代表模拟器运行环境,
sudo npm install -g  ios-deploy  //代表真机运行环境。

5.创建项目

ionic start myApp         (默认为tab )
ionic start myApp blank   (空项目)
ionic start myApp tabs    （有tab栏的项目，类似与手机qq主界面）
ionic start myApp sidemenu（有侧边栏的项目，类似与手机qq侧边栏）

6 生成应用

iOS：

ionic platform add ios (可能会需要sudo)
ionic build ios  （注意：此处生成的ios并不是最终的应用，是中间品，需要用Xcode继续编译才能生成ipa文件）

附
安卓：
ionic platform add android (可能会需要sudo)
ionic build android

7 在ios模拟器运行

ionic emulate –list //检查支持的设备，会有一个列表(注意是两个-)

ionic emulate ios //模拟器运行，我用的版本默认为iPhone-SE ,10.0.0

ionic emulate ios –target=”iPhone-6, 10.0” //以iPhone6的形式在模拟器中运行，注意iPhone-6, 10.0 是上列表中支持的 ，所以使用此命令前，检查模拟器支持的设备（注意target前是两个-）