Cordova環境搭建

1.先安裝node.js 

2.安裝cordova,在cmd窗口中執行以下語句

npm install -g cordova

3.建立app,DirectoryName爲建立項目的文件名,appName爲安裝軟件後的軟件名

cordova create DirectoryName com.package.name appName    #create 項目目錄名 包名 項目名

4.進入項目目錄

cd DirectoryName 

5.添加平臺

cordova platform add android 
cordova platform add ios 
cordova platform add amazon-fireos 
cordova platform add blackberry10 
cordova platform add firefoxos 

cordova platforms ls       --查看平臺

cordova platform rm android     --移除平臺

 

6.添加插件

1.Console（調試控制檯）

讓程序能夠在控制檯中打印輸出日誌。

cordova plugin add cordova-plugin-console

2.Connection（網絡鏈接）
用來判斷網絡鏈接類型（2G、3G、4G、Wifi、無鏈接等）

cordova plugin add cordova-plugin-network-information

3.Device（設備）
獲取一些設備信息。

cordova plugin add cordova-plugin-device

4.Hardware Nofifications（硬件消息提醒）
讓設備蜂鳴或振動。

cordova plugin add cordova-plugin-vibration

5.Visual Notification（可視化消息提醒）
不一樣於js的alert()、confirm()和prompt()方法是同步的。Cordova的alert()、confirm()和prompt()方法是異步的，而且對顯示內容有更大的控制權限。

cordova plugin add cordova-plugin-dialogs

6.Battery（電池）
能夠獲取電池狀態信息。

cordova plugin add cordova-plugin-battery-status

7.Accelerometer(加速計)
讓應用在三維空間(使用笛卡爾三維座標系統)中決定設備方向。

cordova plugin add cordova-plugin-device-motion

8.Compass(指南針)
能夠讓開發者讀取移動設備的朝向。

cordova plugin add cordova-plugin-device-orientation

9.Geolocation(地理定位)
讓應用判斷設備的物理位置。

cordova plugin add cordova-plugin-geolocation

10.Camera(相機)
用相機獲取圖像。

cordova plugin add cordova-plugin-camera

11.Media Capture （媒體捕獲）
與Camera API相比，不只能獲取圖像，還能夠錄視頻或者錄音。

cordova plugin add cordova-plugin-media-capture

12.Globalization(全球化)
容許應用查詢操做系統的當前設置，判斷用戶使用的語言。

cordova plugin add cordova-plugin-globalization

13.Contacts（聯繫人）
讀取聯繫人列表並在應用中使用聯繫人數據，或使用應用數據向聯繫人列表中寫新的聯繫人。

cordova plugin add cordova-plugin-contacts

14.Media（播放/記錄媒體文件）
讓應用能記錄或播放媒體文件。用它能夠在手機後臺播放音頻文件或玩桌面視頻遊戲。

cordova plugin add cordova-plugin-media

15.InAppBrowser（內置瀏覽器）
容許在在單獨的窗口中加載網頁。例如要嚮應用用戶展現其餘網頁。固然能夠很容易地在應用中加載網頁內容並管理，但有時候須要不一樣的用戶體驗，InAppBrowser加載網頁內容，應用用戶能夠更方便的直接返回到主應用。

cordova plugin add cordova-plugin-inappbrowser

16.Splashscreen（閃屏）
用來在Cordova應用啓動時顯示自定義的閃屏。

cordova plugin add cordova-plugin-splashscreen

17.exitApp（退出應用）
讓 Android 或者 Windows Phone 8 上的APP關閉退出（iOS系統不支持）。

cordova plugin add cordova-plugin-exitapp

18.barcodeScanner（條形碼/二維碼掃描）
不只能夠經過攝像頭識別二維碼/條形碼，還能生成二維碼。

cordova plugin add cordova-plugin-barcodescanner

19.file（文件訪問操做類）
提供對設備上的文件進行讀取和寫入的功能支持。

cordova plugin add cordova-plugin-file

20.fileTransfer（文件傳輸）
實現文件上傳、下載及共享等功能。

cordova plugin add cordova-plugin-file-transfer

 

cordova plugin rm cordova-plugin-camera        --移除插件

cordova plugin update cordova-plugin-camera    --更新插件

7.編譯app

cordova build 
cordova build ios 
cordova prepare ios 
cordova compile ios 

8.運行

cordova emulate android 
cordova run android 

9.更改項目名及圖標

app名稱在config.xml中<name>appName</name>

圖標設置在config.xml中的<platform name="android"></platform>下加

        <icon density="ldpi" src="www/img/home/userImg.png" />

        <icon density="mdpi" src="www/img/home/userImg.png" />

        <icon density="hdpi" src="www/img/home/userImg.png" />

        <icon density="xhdpi" src="www/img/home/userImg.png" />

        <icon density="xxhdpi" src="www/img/home/userImg.png" />