【Cordova/Electron学习笔记05】vue-cli3 + cordova搭建android app(下)

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

目录结构如下

001.png

不同之处:

• 我先创建的vue工程，在vue工程目录下用cordova创建的mobilephone/platform/项目
• 因为vue-cli3需要修改vue根目录的vue.config.js(没有创建)

module.exports =
  publicPath: './', // 基本路径
  productionSourceMap: false, // 不生成map

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

这样结构可以保证根目录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调用)，可以跳过

npm install --save vue-cordova