建立您的第一個Cordova應用程式

本指南介紹如何使用cordova命令列介面（CLI）建立JS / HTML Cordova應用程式並將其部署到各種本機移動平臺。有關Cordova命令列的詳細參考，請檢視CLI參考

1.首先需要安裝node.js和npm，推薦使用nvm-->https://blog.csdn.net/xytang1007/article/details/72582679

2.

npm install -g cordova

上面的-g標誌告訴npm全域性安裝cordova。否則，它將安裝在當前工作目錄的node_modules子目錄中。

Create the App

1.新建一個App

cordova create hello com.example.hello HelloWorld

生成一下目錄結構

2.新增平臺

進入程式目錄

cd hello

新增android和ios平臺

$ cordova platform add ios
$ cordova platform add android

檢視平臺列表

cordova platform ls

打包和安裝

要構建和執行應用程式，您需要為每個平臺安裝SDK。或者，如果您使用瀏覽器進行開發，則可以使用不需要任何平臺SDK的瀏覽器平臺--cordova run browser

打包檢測

$ cordova requirements

Requirements check results for android:
Java JDK: installed .
Android SDK: installed
Android target: installed android-19,android-21,android-22,android-23,Google Inc.:Google APIs:19,Google Inc.:Google APIs (x86 System Image):19,Google Inc.:Google APIs:23
Gradle: installed

Requirements check results for ios:
Apple OS X: not installed
Cordova tooling for iOS requires Apple OS X
Error: Some of requirements check failed
 

打包

cordova build ---->全平臺打包
cordova build android ---->指定打包Android

測試執行

模擬器

cordova emulate android

真機

cordova run android

新增外掛

1.在頁面中查詢需要的外掛https://cordova.apache.org/plugins/

2.通過以下命令查詢

cordova plugin search camera

3.安裝相機外掛

cordova plugin add cordova-plugin-camera

4.檢視安裝的外掛

cordova plugin ls
cordova plugin list

合併每個平臺的特性

1.在www/index.html中引用overrides.css

2.在www/css/overrides.css建一個空的檔案，

3.在css的子目錄中新建merges/android，然後新建overrides.css，

升級cordova

npm update -g cordova

指定版本

npm install -g [email protected]

檢視最新版本

 npm info cordova version

升級平臺

$ cordova platform update android --save
$ cordova platform update ios --save