*使用 ionic start appName tabs 新建一个 ionic 项目,这样就有了一个项目模板,只需要在此基础上进行修改。
git init
git add README.md
git commit -m "first commit"
git remote add origin git@github.com:spilledyear/igStart.git
git push -u origin master
ionic serve
以上命令即启动了项目,可在浏览器查看
1. 修改 config.xml 配置文件
主要修改包名、项目名、描述等信息
2. 修改package.json配置文件
修改包名、项目名、描述等信息
3. 修改ionic.config.json配置文件
修改 app_id
添加自己需要用到的依赖包包就好了,这里举一个例子
- 添加 ts-md5
npm install -save ts-md5
以下只是说明第一次安装插件时用到的命令,之后都不需要这样安装,在添加平台的时候会自动安装
Dialogs 弹框
ionic cordova plugin add cordova-plugin-dialogs
npm install --save @ionic-native/dialogs
Camera 拍照
ionic cordova plugin add cordova-plugin-camera
npm install --save @ionic-native/camera
File 文件
ionic cordova plugin add cordova-plugin-file
npm install --save @ionic-native/file
File Transfer 文件上传
ionic cordova plugin add cordova-plugin-file-transfer
npm install --save @ionic-native/file-transfer
Toast poup消息提示
ionic cordova plugin add cordova-plugin-x-toast
npm install --save @ionic-native/toast
App Version app版本
ionic cordova plugin add cordova-plugin-app-version
npm install --save @ionic-native/app-version
Barcode Scanner 条形码扫描
ionic cordova plugin add phonegap-plugin-barcodescanner
npm install --save @ionic-native/barcode-scanner
Network
ionic cordova plugin add cordova-plugin-network-information
npm install --save @ionic-native/network
Diagnostic 检查设备的各种xxx GPS、
ionic cordova plugin add cordova.plugins.diagnostic
npm install --save @ionic-native/diagnostic
jpush-phonegap-plugin 极光推送
ionic cordova plugin add jpush-phonegap-plugin --variable APP_KEY=37fd33fe32f499dc8a090618
de.appplant.cordova.plugin.local-notification 本地通知
ionic cordova plugin add de.appplant.cordova.plugin.local-notification
npm install --save @ionic-native/local-notifications
定位
高德定位,不确定 IOS 能不能用
cordova plugin add https://github.com/yanxiaojun617/com.kit.cordova.amaplocation --save
高德定位,不确定 IOS 能不能用
cordova plugin add https://github.com/spilledyear/AMLocation --save
百度定位 cordova-plugin-baidumaplocation,不确定 IOS 能不能用
cordova plugin add cordova-plugin-baidumaplocation --variable ANDROID_KEY="esNGsqBAbkwjECopBPv9tW62O6U59X72" --variable IOS_KEY="HV55F43HUh9nbwRIDQAsyoR5GE0iOKsV"
高德定位 cordova-plugin-gaode-location,不确定 IOS 能不能用
cordova plugin add https://github.com/spilledyear/cordova-plugin-gaode-location --variable ANDROIDKEY="c278a9609c6d207e7ccdb9de60b7fd63" --variable IOSKEY="1377a38539a5e5bef65ff691a822dec6" --save
ionic cordova platform add android
ionic cordova platform add ios
ionic cordova build android
ionic cordova build ios //注意,高版本的cordova中不要写成 cordova build ios ,要不然会有问题
一系列繁锁复杂骚的操作,条件有限,具体不清楚,除了费时间还要钱
手机开启usb调试功能
用数据线将手机和电脑相连接
在ionic 项目根目录执行 cordova run android
在xcode里面搞
ionic g component xxx
ionic g directive xxx
ionic g page xxx
ionic g provider xxx
ionic g pipe xxx
ionic g tabs xxx