Ionic项目的建立

Ionic建立android项目的过程

1.cmd到目标盘文件，此处为D:\Dev\sourcecode\IonicApp\FlexApp\CaseStudy，执行ionic start CaseStudyApp tabs命令。

CaseStudyApp为我们项目的名称,tabs表示是页面card切换模式。执行成功结果图如下：

2. cd 到CaseStudyApp目录下，并执行ionic serve,启动浏览器，输入localhost:8100就可以看到默认的程序效果。如下图所示

下面开始对App的改造，向着案例的App方向前进

3.首先下载App所有依赖的插件

1.极光推送：Err;   cordova plugin add https://github.com/jpush/jpush-phonegap-plugin.git

2.百度定位: cordova plugin add https://github.com/DoubleSpout/phonegap_baidu_sdk_location.git

3.版本插件：cordova plugin add cordova-plugin-app-version

4.照相机：  cordova plugin add cordova-plugin-camera

5.文件系统：cordova plugin add org.apache.cordova.file

　6.文件传输系统：cordova plugin add org.apache.cordova.file-transfer

　7.文件打开系统：cordova plugin add https://github.com/pwlin/cordova-plugin-file-opener2

8.浏览器：        cordova plugin add cordova-plugin-inappbrowser

9.网络检查系统: cordova plugin add cordova-plugin-network-information

10.提示框:       --cordova plugin add cordova-plugin-x-toast

cordova plugin add https://github.com/EddyVerbruggen/Toast-PhoneGap-Plugin.git

11.横竖屏：     cordova plugin add cordova-plugin-screen-orientation

12.键盘：        cordova plugin add ionic-plugin-keyboard;  OK

13.图片：        cordova plugin add https://github.com/wymsee/cordova-imagePicker.git  ；OK

14.闪频：        cordova plugin add cordova-plugin-splashscreen

15.状态栏：　　cordova plugin add cordova-plugin-statusbar

16.网络白名单: cordova plugin add cordova-plugin-whitelist

17.webchat:   err;    cordova plugin add https://github.com/xu-li/cordova-plugin-wechat

18.QQ:          err;    cordova plugin add cordova-plugin-qqsdk

1,17,18 需要AppID等信息，目前还未通过