第一次使用cordova過程,遇到了無數個坑,記錄一下吧!
一、准備工作
如果你已經是一個前端開發人員,那么相信你的開發電腦已經安裝了jdk,和node相關的環境了,然后的然后就是忽略准備工作中的第一個環節了不過確認一下是否安裝過gradle。
然而如果你是一個剛入行的小白,那么我只能給你奉上相關的下載地址了,然后自行安裝,安裝教程網上一推的;
1.jdk,node,gradle環境安裝
地址1node下載:https://nodejs.org/en/download/
地址2:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html(jdk建議1.8版本的)
地址3:http://services.gradle.org/distributions/
然后就是配置相關的JAVA_HOME環境變量了,網上教程很多,本文不在復制粘貼了。安裝后打開cmd,然后查看是否安裝和配置成功。
2.通過npm install -g cordova 安裝cordova,如果網絡不給力,就用npm config --global set registry http://registry.cnpmjs.org吧。
3.android sdk 安裝
直接下載android studio可以解決 ;之后的很多麻煩,后面會遇到再寫,不過下載android studio也可以省好多事
下載地址:https://developer.android.google.cn/studio/index.html
這里啰嗦一下它的安裝過程(畢竟本人在這遇到了一點小麻煩),直接下一步就可以,也可以自定義目錄;(文件名中不能有中文,否則會報)
一定要記住下面的安裝位置,環境變量ANDROID_HOME的值就是下面的地址;
一切就緒之后,你以為所有環境都會好,那么你就想錯了,最重要的還沒到呢
你可Cordova requriements:查看cordova環境是否正確,這時候你就會發現 andriod target:not installed;
不要急,打開你剛安裝好的android studio ;點擊右上角的sdk manager,找到andriod sdk ,下載你需要的東東啦;
安裝完這個之后,你可以在看看cordova requirements 。
二、開始工作(附上andriod)
1.cordova create hello com.example.hello helloworld
2.cd hello
3.cordova plarform add android 此時會出現下面的問題,我查資料說是適配問題,不過安裝一下插件就解決了cordova plugin add cordova-plugin-whitelist
4.將vue文件打包(npm run build),找到dist文件,拷到你現在項目的www目錄下(將之前的www下的文件可以刪除了)
5.cordova build andriod 最后根據提示找到你的apk
總之,cordova打包過程還是比較簡單的,關鍵就是剛開始的環境配置問題比較多也比較繁瑣,可能會出一些小問題,也有些下載可能因為網絡的原因出現問題。不過多試幾次,應該沒什么問題。