Ionic开发环境搭建及常用命令（Ionic学习笔记二 ）

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 （开启服务调试，可以在谷歌浏览器调试）