vue2+cordova创建app

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 在模拟器或者真机上运行查看效果

猜你喜欢

转载自www.cnblogs.com/jamie-web/p/9138990.html