1.前提條件：
安裝node cordova vue
2.關於Cordova相關的
使用Cordova創建一個項目
cordova create MyApp
添加平台支持
cd MyApp
cordova add platform android -save
cordova add platform ios -save
cordova platform add browser -save
檢查你當前平台設置狀況:
cordova platform ls
檢測你是否滿足構建平台的要求
cordova requirements
3.關於vue相關的
在當前目錄創建一個新的文件夾
安裝vue-cli npm install -g vue-cli
創建vue項目 vue init webpack
安裝完成后目錄結構為：
4.合並vue跟cordova
修改vue項目中bulid中的配置為如下圖
因為打包后的index.html在www目錄下的index文件夾 所以要修改cordova的config.xml里面文件的配置
5.打包運行
在vue項目下運行 npm run build 打包后的文件在Cordova的www目錄下
打包后的www目錄為：
打開www/index/index.html就可以看到打包后的效果了
6.安裝cordova插件
cordova plugin add xxx (刪除 cordova plugin remove xxx 查看插件列表 cordova plugin list)
安裝 cordova-plugin-crosswalk-webview的時候build一直失敗（安卓版本為6.3.0）
原因：gradle版本跟crosswalk產生沖突，需要降低gradle版本，或者安裝兼容插件
解決辦法：cordova plugin add cordova-android-support-gradle-release
然后再編譯cordova build android --release就成功了
在cordova項目下運行 cordova build 在模擬器或者真機上運行查看效果
7.網頁模擬真機調試
$ npm run build $ cordova run android chrome 打開網址 chrome://inspect/#devices
需要翻牆才能看到效果
8.真機測試
$ cordova build android --release $ jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore promni-pos-release-key.keystore ./platforms/android/build/outputs/apk/android-armv7-release-unsigned.apk promni-pos // 如果沒有添加 crosswalk 運行下行 $ jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore promni-pos-release-key.keystore ./platforms/android/build/outputs/apk/android-release-unsigned.apk promni-pos $ zipalign -v 4 ./platforms/android/build/outputs/apk/android-armv7-release-unsigned.apk promni-bjhsh-pos-test.apk // 如果沒有添加 crosswalk 運行下行 $ zipalign -v 4 ./platforms/android/build/outputs/apk/android-release-unsigned.apk promni-tjys-pos.apk
如果報錯 zipalign：command not found
解決辦法：find ~/Library/Android/sdk/build-tools -name "zipalign"
找到目錄之后命令改變為：
~/Library/Android/sdk/build-tools/28.0.0/zipalign -v 4 ./platforms/android/build/outputs/apk/android-armv7-release-unsigned.apk promni-bjhsh-pos-test.apk
或者重新定義安卓變量
export ANDROID_HOME=/Users/lihaofeng/Library/Android/sdk
export PATH=${PATH}:${ANDROID_HOME}/tools:${PATH}:${ANDROID_HOME}/platform-tools:${ANDROID_HOME}/build-tools/28.0.0/
直接輸入上面的命令就可以了
$ zipalign -v 4 ./platforms/android/build/outputs/apk/android-armv7-release-unsigned.apk promni-bjhsh-pos-test.apk
安裝apk文件到設備上：
adb install -r promni-bjhsh-pos-test.apk
在設備上面抓log
adb logcat