Ionic项目的建立

Ionic建立android项目的过程

1.cmd到目标盘文件，此处为D:DevsourcecodeIonicAppFlexAppCaseStudy，执行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等信息，目前还未通过