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等信息,目前还未通过
原文地址:https://www.cnblogs.com/crazyguo/p/5633124.html