Cordova踩坑日記
1.配置環(huán)境
? 配置SDK踩了很多坑闸度,其實(shí)只需要下載一個 android studio 就能配置好所有的 SDK.
-
Node.js
. npm install -g cordova
Android Studio
JAVA8
Gradle
環(huán)境要求.png
2.與Vue配合使用
一步一步來真友,一步都不能錯
-
創(chuàng)建一個Cordova應(yīng)用 目錄 hello 、id: com.example.hello 近弟、別名: HelloWorld
$ cordova create hello com.example.hello HelloWorld
-
進(jìn)入 hello
$ cd hello
-
添加Android作為目標(biāo)平臺
$ cordova platform add android
-
安裝Crosswalk的Webview插件
$ cordova plugin add cordova-plugin-crosswalk-webview
-
編譯
$ cordova build android
-
在模擬器上啟動它
$ cordova emulate android
在第六步遇見了一個大坑,如果它找不到模擬器干毅,運(yùn)行
$ cordova emulate android --list
這是后就會出現(xiàn)可以選擇的模擬器,我這里出現(xiàn)的是 4e884cfe
$ cordova emulate android --target 4e884cfe
這時候連接上手機(jī)驹饺,就會自動安裝應(yīng)用了(開發(fā)者模式要啟動)
現(xiàn)在我們可以在手機(jī)上運(yùn)行 cordova 應(yīng)用了。
-
寫好 vue , 并 build 出來祠乃,設(shè)置 vue.config.js 如下,也可以直接輸出到 hello 的 www 目錄下兑燥。
module.exports = { baseUrl: '', outputDir: 'www', productionSourceMap: false, runtimeCompiler: true };
把 build 出來的 www 目錄覆蓋 hello 的 www 目錄
在 hello 目錄下運(yùn)行第5步和第6步