ionic 学习1

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

分享到:更多 ()

抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址