美文网首页工作生活
【Cordova/Electron学习笔记05】vue-cli3

【Cordova/Electron学习笔记05】vue-cli3

作者: 滕的世界 | 来源:发表于2019-08-05 10:57 被阅读0次

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

相关文章

网友评论

    本文标题:【Cordova/Electron学习笔记05】vue-cli3

    本文链接:https://www.haomeiwen.com/subject/abjncctx.html