Ionic 底层打包使用 Cordova ( 和 Phonegap 一样 ) 底层打包用 Cordova 是不错的。 Ionic 是一个全堆栈的混合应用开发框架,可以理解成 Ionic = Cordova + AngularJS + Ionic UI
搭建:工具
1、JDK 配置环境变量 path:C:\devproFiles\Java\jdk1.7.0_79\bin
2、nodejs 环境变量: C:\devpro\nodejs;测试安装结果命令: node -v
3、Android SDK:在环境变量中配置变量ANDROID_HOME,值得为sdk所有的目录,
比如我的就安装D:\androidWorkspace\adt\sdk,那就将ANDROID_HOME指向这个目录,并在PATH中
追加%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;
4、ant
下载地址:http://ant.apache.org/bindownload.cgi
下载好之后,解压,我这里解压到D:\devpro\ant-1.8.2下,
然后在环境变量中配置变量ANT_HOME,值:D:\devpro\ant-1.8.2,
在PATH中追加%ANT_HOME%\bin;
测试安装效果命令: ant -v
注:如果不安装的话后台的操作会报找不到ant;
5、cordova
1)安装命令:npm install -g cordova
2)测试安装结果命令:cordova -v
6、ionic
npm install -g ionic
可以再安装个genymotion虚拟机,再配置虚拟机的adb
开发:
1、 新建一个Ionic项目
$ionic start myApp blank(空项目)
$ionic start myApp tabs(带导航条)
$ionic start myApp sidemenu(带侧滑菜单)
2、 运行我们刚才创建的Ionic项目
$cd myApp//到项目目录下
$ionic platform add ios/android //添加平台
$ionic platform remove ios/android//移除平台
$ionic build ios/android//编译项目apk
$ionic emulate ios/android//运行项目apk 有手机连接在手机运行 有模拟器连接在模拟器运行
$ionic run ios/android [options](相当于build + emulate)
$ionic serve (开启服务调试,可以在谷歌浏览器调试)