cordova打包Framework7 build android and ios app

1.首先安装cordova官方文档 https://cordova.apache.org/docs/en/7.x/guide/cli/index.html

• npm install -g cordova
• cordova create hello com.example.hello HelloWorld
• cd hello
• cordova platform add ios
• cordova platform add android
• cordova platform ls （查看当前电脑的环境依赖）
• cordova build
• cordova run android
  这样就打包完毕，android手机连接电脑直接会安装在手机上

2.安装Framework7 http://framework7.io/vue/templates.html，这里是编译一个模板

• git clone https://github.com/nolimits4web/Framework7-Vue-Webpack-Template my-app 我们使用这个模板
• 进入到my-app文件夹下
• npm install
• npm run dev （执行这一步就回打开浏览器在浏览器看到模板）

• npm run build （会在dist目录下申城编译好的文件）

  
  
  

  image.png

重点讲此文件下的所有文件拷贝到cordova 的创建的项目www目录下面

image.png

这就把cordova和Framework7合并了然后执行

• cordova platform add ios --save
• cordova platforms add android --save
• cordova build

• cordova run android
  

  即可
  

  image.png