以為應該和ionic(基於angular)的打包是一樣的,后來發現還是有些不一樣的
ionic的項目,建好之后,可以直接用ionic cordova build android,會自動給我們創建好platform這個文件夾,
vue不行,我專門試了一下,必須先創建cordova項目
我的cordova是8.0.0的版本,(個人打包過ionic的項目,所以就沒有在重新下載)
要先下載cordova : npm install -g cordova / npm install -g corodva@8.0.0
現在好之后 看一下是否安裝成功: cordova -v 出現版本號,說明下載成功
現在可以創建cordova項目:
cordova create mycordova org.apache.cordova.myApp myApp01
這樣會生成一個myCordova的目錄文件
進入這個項目,執行命令:cordova platform add android
會生成platforms這個文件,里面有android
然后就在myCordova創建vue的項目:vue init webpack myapp
如上圖,myapp這個目錄,就是剛剛創建寫項目
cd到 myapp
執行npm run dev 看項目是否可以正常運行
執行 npm run build 這時候會報個錯:
這個錯,需要在myapp的config的文件夾里的index.js
改成這樣就可以,
其中,index,assetsRoot,這兩項你可以改也可以不改,改成上圖式的,支持npm run build的時候,會在www的文件里生成static inidex的文件,不改的話,會在myapp的dist的文件下生成這個兩個文件,兩者不同之處是,在執行cordova build android的時候,前者可以直接執行,后綴需要吧dist里面的文件復制www的文件夾下,看個人喜好;
這一步做好之后,就可以執行cordova build android,生成apk,手機下載就可以用了
更具體的在另一個博客中有看到,如果不太懂,可參考https://www.cnblogs.com/qirui/p/8421372.html,