Ionic项目的建立

时间:2022-05-23 15:28:51

Ionic建立android项目的过程

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

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

Ionic项目的建立

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

Ionic项目的建立

Ionic项目的建立

下面开始对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等信息,目前还未通过