1.前提条件:
安装node cordova vue
2.关于Cordova相关的
使用Cordova创建一个项目
cordova create MyApp
添加平台支持
cd MyApp
cordova add platform android -save
cordova add platform ios -save
cordova platform add browser -save
检查你当前平台设置状况:
扫描二维码关注公众号,回复:
1469319 查看本文章
cordova platform ls
检测你是否满足构建平台的要求
cordova requirements
3.关于vue相关的
在当前目录创建一个新的文件夹
安装vue-cli npm install -g vue-cli
创建vue项目 vue init webpack
安装完成后目录结构为:
4.合并vue跟cordova
修改vue项目中bulid中的配置为如下图
因为打包后的index.html在www目录下的index文件夹 所以要修改cordova的config.xml里面文件的配置
5.打包运行
在vue项目下运行 npm run build 打包后的文件在Cordova的www目录下
打包后的www目录为:打开www/index/index.html就可以看到打包后的效果了
在cordova项目下运行 cordova build 在模拟器或者真机上运行查看效果