IONIC相關環境搭建
阿新 • • 發佈:2018-12-21
外掛存放目錄:C:\Users\xxx\AppData\Roaming\npm\node_modules
設定外掛映象倉庫 npm config set registry https://registry.npm.taobao.org
npm install -g cordova
npm install -g ionic
npm install -g typescript typings
npm install -g [email protected]
npm install -g @angular/cli
刪除本地模組時你應該思考的問題:是否將在package.json上的相應依賴資訊也消除? npm uninstall 模組:刪除模組,但不刪除模組留在package.json中的對應資訊 npm uninstall 模組 --save 刪除模組,同時刪除模組留在package.json中dependencies下的對應資訊 npm uninstall 模組 --save-dev 刪除模組,同時刪除模組留在package.json中devDependencies下的對應資訊
二維碼
ionic cordova plugin add phonegap-plugin-barcodescanner
npm install --save @ionic-native/barcode-scanner
照相機
ionic cordova plugin add cordova-plugin-camera
npm install --save @ionic-native/camera
地理定位
ionic cordova plugin add cordova-plugin-geolocation --variable GEOLOCATION_USAGE_DESCRIPTION="To locate you" npm install --save @ionic-native/geolocation
百度地圖
cordova plugin add https://github.com/ETENG-OSP/cordova-plugin-baidu-geolocation.git --variable API_KEY="yours ak" --save
網路
ionic cordova plugin add cordova-plugin-network-information
npm install --save @ionic-native/network
手機編譯打包相關命令:
ionic cordova platform remove android => 移除安卓平臺
ionic cordova platform add [email protected] => 新增Android平臺支援
ionic cordova build android => debug除錯版打包(會在 xxx\platforms\android\build\outputs\apk下生成android-debug.apk 這種命令生成的apk是用於除錯的。)
ionic cordova build android --release => release釋出版打包
APP執行在模擬器或者手機
ionic cordova run android