美文网首页工作生活
【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