cordova混合App開發：Cordova+Vue實現Android APP開發 (安裝cordova框架生成app) (二)

codova需要的各種環境搭建, 看  cordova混合App開發：Cordova+Vue實現Android (環境搭建) (一)

安裝cordova框架生成app

1、使用npm安裝cordova

npm i -g cordova

2、創建cordova項目

cordova create cordova-vue

上面這樣會使用默認的目錄和命名空間。

　　cordova create CordovaProject io.cordova.hellocordova CordovaApp

• CordovaProject 是創建應用程序的目錄名稱。
• io.cordova.hellocordova 是默認的反向域值。 如果可能，您應該使用您自己的域值。
• CordovaApp 是您應用的標題。

3、添加android平台

cd cordova-vue

cordova platform add android --save

4、檢查構建app的條件

cordova requirements

之前按照有要提示安裝 android target  Android-29

 

可以使用Android studio安裝  找到File => Settings  按照提示按照缺少的Android API Level

 

 

 

 

 如果都提示 installed 則環境沒問題  可以構建App了

 

 

 

5、構建App，並運行demo  構建完成后會提示  BUILD SUCCESSFUL

cordova build android

 

 

 

生成apk，如果要調試  其他命令及意思

1. cordova install android //將編譯好的應用程序安裝到模擬器上。
2. cordova emulate android //在模擬器上運行（前提是創建好AVD）
3. cordova serve android //在瀏覽器運行
4. cordova build android //打包cordova項目到android平台。
5. cordova run android //通過USB直接安裝到真機（該語句已經包括了build命令）

 

6、找到app文件  用雷電模擬器打開

不建議使用genymotion模擬器, 不知道啥原因 genymotion模擬器 不訪問 服務器的熱更新配置文件 熱更新失敗