ionic3/cordova的安装准备工作

1.安装

    ionic/cordova的安装可以根据ionic3中文教程中的安装教程进行安装。http://www.ionic.wang/start-index.html

    ①  ionic/cordova安装

npm install -g cordova ionic

    ② 新建项目类型

ionic start 项目名称 项目类型

ionic start myApp blank (空白)     ionic start myApp tabs(tabs切换)   

    还有几种类型可以通过命令行ionic start myApp查看其它类型

    ③  运行

cd myApp  => 通过命令行进入项目文件中ionic serve  => 运行项目

2. 项目常用插件安装（安装自己使用插件）

    在ionic3 中文教程中的ionic Native 查看cordova使用文档。https://ionicframework.com/docs/native/

    ①  地理位置插件

$ ionic cordova plugin add cordova-plugin-geolocation --variable GEOLOCATION_USAGE_DESCRIPTION="To locate you"
$ npm install --save @ionic-native/geolocation

    ②  打电话插件

$ ionic cordova plugin add call-number
$ npm install --save @ionic-native/call-number

    ③  手机设备和平台的信息

$ ionic cordova plugin add cordova-plugin-device
$ npm install --save @ionic-native/device

    ④  扫码插件

$ ionic cordova plugin add phonegap-plugin-barcodescanner
$ npm install --save @ionic-native/barcode-scanner

    ⑤  添加手机版本过低运行时卡屏问题处理插件

$ ionic cordova plugin add cordova-plugin-crosswalk-webview

    ⑥  添加微信支付

$ ionic cordova plugin add cordova-plugin-wechat --variable wechatappid=填写微信appid

*注：在后续的添加平台platform前应处理：wechat插件中，script文件夹中的js文件修改一变量：

var targetDir = path.join(projectRoot, "platforms", "android", "app", "src", "main", "java", packageName.replace(/./g, path.sep), "wxapi");

    ⑦  MultiPicker选择器插件

$ npm install ion-multi-picker --save

    ⑧  ionic3中使用极光推送插件

$ ionic cordova plugin add jpush-phonegap-plugin --variable APP_KEY=添加key值
$ npm install --save @ionic-native/barcode-scanner

3.项目打包

    ①  添加平台platform

$ ionic cordova platform add android

    ②  打包

$ ionic cordova build android --prod --release

  *注：打包前对软键盘事件进行处理:

        键盘事件全局修改：android:windowSoftInputMode="adjustResize"  adjustPan|stateHidden

        访问https://www.cnblogs.com/metaphors/p/7881772.html了解软键盘处理方式