Cordova+Framework7混合App开发

1.初始化Framework7项目

执行以下命令

git clone https://github.com/nolimits4web/Framework7-Vue-Webpack-Template my-app
//进入项目文件
npm install
npm run dev

浏览器会默认打开localhost:8080
Cordova+Framework7混合App开发_第1张图片
想打包生产环境代码,执行

npm run build-prod

2.初始化cordova项目文件

1.安装cordova

npm install -g cordova

2.创建项目

cordova create cordova_app

3.进到cordova_app项目文件夹下

cordova platform add android
cordova platform ls (查看当前电脑的环境依赖)

4.将my-app/www下的文件拷贝到cordova_app/www文件下
Cordova+Framework7混合App开发_第2张图片
然后在cordova_app中执行

cordova build
cordova run android

在 cordova_app\platforms\android\app\build\outputs\apk\debug文件夹中的app-debug.apk即为打包好的APP

Cordova+Framework7混合App开发_第3张图片

你可能感兴趣的:(前端,angular,混合APP)