【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
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容