iOS使用ionic实现混合式开发

Mac上使用轻量级的ionic进行混合式开发iOS应用

看文档是怎样操作的自己动手丰衣足食。http://ionicframework.com/getting-started/

如果还是不会使用继续往下阅读。

1 下载node.js下载安装。

2 安装好以后输入 node -v 如果出现 node.js的版本说明安装成功。

3 安装 cordova和ionic   安装命令：   sudo 首先应该安装好 node.js (略)，然后安装cordova、ionic:

sudo npm install -g cordova ionic ios-sim

4 创建不同类型的项目:

目前可以用blank，tabs，sidemenu三种

ionic start myApp tabs

5 测试：

cd myApp

ionic platform add ios

ionic build ios

ionic emulate ios #会打开ios的模拟器

ionic run andoird #真机测试，需要先platform add andoird和build android

ionic serve #也可以先在浏览器里看效果，如果chrome安装了livereload插件，可以实现代码编辑时界面即时变化

6安装插件：

cordova plugin add com.ionic.keyboard && cordova plugin add org.apache.cordova.console && cordova plugin add org.apache.cordova.device && cordova plugin add org.apache.cordova.device-motion && cordova plugin add org.apache.cordova.file && cordova plugin add org.apache.cordova.file-transfer && cordova plugin add org.apache.cordova.geolocation && cordova plugin add org.apache.cordova.inappbrowser && cordova plugin add org.apache.cordova.network-information && cordova plugin add org.apache.cordova.splashscreen && cordova plugin add org.apache.cordova.camera && cordova plugin add com.google.cordova.admob

7 测试运行:

cd myApp

ionic platform add ios

ionic build ios

ionic emulate ios #会打开ios的模拟器

ionic run andoird #真机测试，需要先platform add andoird和build android

ionic serve #也可以先在浏览器里看效果，如果chrome安装了livereload插件，可以实现代码编辑时界面即时变化

实现运行源代码：详细资料：

（博客）http://www.v2ex.com/t/148937

（源代码）https://github.com/my101du/ionic-babythings           

运行结果：