1.参考下文的【vue-cli3 + cordova搭建app】
目录结构如下
不同之处:
- 我先创建的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