1.參考下文的【vue-cli3 + cordova搭建app】
目錄結(jié)構(gòu)如下
不同之處:
- 我先創(chuàng)建的vue工程醉途,在vue工程目錄下用cordova創(chuàng)建的
mobilephone/platform/
項(xiàng)目 - 因?yàn)関ue-cli3需要修改vue根目錄的vue.config.js(沒(méi)有創(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 【可選】
如果項(xiàng)目中沒(méi)有需要原生API的(如手機(jī)攝像機(jī)API調(diào)用)睛约,可以跳過(guò)
npm install --save vue-cordova