【Cordova/Electron學習筆記05】vue-cli3 + cordova搭建android app(下)

1.參考下文的【vue-cli3 + cordova搭建app】

目錄結(jié)構(gòu)如下


001.png

不同之處:

  • 我先創(chuàng)建的vue工程,在vue工程目錄下用cordova創(chuàng)建的mobilephone/platform/項目
  • 因為vue-cli3需要修改vue根目錄的vue.config.js(沒有創(chuàng)建)
module.exports =
  publicPath: './', // 基本路徑
  productionSourceMap: false, // 不生成map

  outputDir: './mobilephone/www', // TODO: 添加 輸出文件目錄
}

這樣結(jié)構(gòu)可以保證根目錄num run build后,將生成的index.html和資源生成到www目錄
就可以直接

cordova run android
cordova build android

參考:
vue-cli3 + cordova搭建app
https://blog.csdn.net/luyu13141314/article/details/88746408

2.vue中使用cordova 【可選】

如果項目中沒有需要原生API的(如手機攝像機API調(diào)用),可以跳過

npm install --save vue-cordova
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容