D:\worksp\cordova>cordova create CordovaProject io.cordova.hellocordova CordovaApp
CordovaProject 是建立應用程式的目錄名。
io.cordova.hellocordova 是預設的反向域名值(類似Java包的命名)。如果可能使用自己的域名的值。
CordovaApp 是應用程式的標題。
你需要在命令提示字元下,開啟您的專案目錄。在我們的例子是CordovaProject。您應該只選擇您需要的平台。為了能夠使用指定的平台,你需要安裝特定的平台SDK。由於我們使用的是Windows開發,我們可以使用下面的平台。我們還安裝了Android SDK中,所以我們將只針對安裝Android平台來講解本教學。
D:\worksp\cordova\CordovaProject> cordova platform add android
D:\worksp\cordova\CordovaProject\CordovaProject>cordova platform add wp8
D:\worksp\cordova\CordovaProject\CordovaProject>cordova platform add amazon-fireos
D:\worksp\cordova\CordovaProject\CordovaProject>cordova platform add windows
D:\worksp\cordova\CordovaProject\CordovaProject>cordova platform add blackberry10
D:\worksp\cordova\CordovaProject\CordovaProject>cordova platform add firefoxos
如果您在Mac上開發,可以使用 ?
$ cordova platform add IOS
$ cordova platform add amazon-fireos
$ cordova platform add android
$ cordova platform add blackberry10
$ cordova platform add firefoxos
您也可以從專案中刪除使用的平台 ?
D:\worksp\cordova\CordovaProject>cordova platform rm android
D:\worksp\cordova\CordovaProject> cordova build android
D:\worksp\cordova\CordovaProject> cordova emulate android
D:\worksp\cordova\CordovaProject> cordova run android
註 - 可以考慮使用 genymotion Android 模擬器,因為它比預設的速度更快,反應更迅速。可以從這裡下載。也可以通過啟用選項從USB偵錯,並通過USB連線線將其連線到您的電腦使用真實的裝置進行測試。 對於某些特定裝置還需要安裝USB驅動程式。
開啟 Android Studio 匯入上面建立成功的工程,執行這個工程,得到結果如下:
當我們執行應用程式,將在我們指定平台上安裝它。如果一切都沒有錯誤並執行完成後,輸出顯示的預設啟動應用程式的螢幕如下所示。
D:\worksp\cordova\CordovaProject>cordova build android ERROR building one of the platforms: Failed to find 'ANDROID_HOME' environment v ariable. Try setting setting it manually. Failed to find 'android' command in your 'PATH'. Try update your 'PATH' to inclu de path to valid SDK directory. You may not have the required environment or OS to build this project Error: Failed to find 'ANDROID_HOME' environment variable. Try setting setting i t manually. Failed to find 'android' command in your 'PATH'. Try update your 'PATH' to inclu de path to valid SDK directory.
解決參考:組態環境變數
ANDROID_HOME=E:\Program Files\adt-bundle-windows-x86_64-20131030\sdk PATH=%PATH%;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools
附上cordova常用命令列表
命令 | 說明 |
cordova create <工程路徑> <包名> <工程名> | 建立cordova工程,例如:cordova create helloworld_prj "com.yiibai.helloworld" "helloworld" |
cordova build android | 給cordova專案新增android平台。 |
cordova run android |
編譯和執行專案。 |
cordova install android |
將編譯好的應用程式安裝到模擬器上。 |
cordova plugin add <外掛完全限定名> | 給專案新增外掛。 |
cordova plugin remove <外掛完全限定名> | 刪除外掛。 |
cordova plugin list |
檢視外掛列表。 |
cordova platforms add android |
新增平台支援。 |
cordova build android |
編譯程式碼 |
cordova emulate android |
在模擬器上執行(前提是建立好AVD) |
cordova serve android |
在瀏覽器執行 |
cordova run android |
通過USB直接安裝到真機 |