1. 程式人生 > >IONIC相關環境搭建

IONIC相關環境搭建

外掛存放目錄: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