ionic在mac上的环境搭建与模拟测试

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  //代表真机运行环境。
   
   
1
2
3
4
5
6
   
   
1
2
3
4
5
6

5.创建项目

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

6 生成应用

iOS：

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

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


   
   
1
2
3
4
5
6
7
8
9
10
11
12
   
   
1
2
3
4
5
6
7
8
9
10
11
12

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前是两个-）

顶

0