Framework7—— 混合开发
下载模板
-
地址：https://github.com/framework7io/framework7-template-vue-webpack
git clone https://github.com/framework7io/framework7-template-vue-webpack my-app cd my-app npm install npm run dev -
应用程序将在浏览器中打开
http://localhost:8080/
构建应用
-
npm run build，输出的打包文件在www目录中 -
如果需要与 cordova 进行配合，那么在 build 之前将
index.html中的引用 cordova 部分注释去除<body> <div id="app"></div> <!-- Cordova --> <script src="cordova.js"></script> <!-- built script files will be auto injected --> </body> -
之后不管是构建 Android / iOS，都只需要将 cordova 项目中的
www文件替换成之前npm run build打包的文件即可
系统配置
- 打包成手机应用之前需要对环境进行配置
- JAVA JDK 配置
- 下载地址：http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
- JAVA_HOME 环境变量配置
- 添加环境变量：
JAVA_HOME, C:\Program Files\Java\jdk1.8.0_181 - Path 中添加：
%JAVA_HOME%\bin，%JAVA_HOME%\jre\bin
- 添加环境变量：
- Android SDK 配置
- 安装 andriod studio 会顺便安装 Andriod SDK：http://www.androiddevtools.cn/
- ANDROID_HOME环境变量配置
- 在安装 andriod studio 我选择 SDK 存放地址是
E:\SDK，所以设置环境变量ANDROID_HOME值为E:\SDK - Android SDK的
tools，tools/bin和platform-tools目录到您的PATH，%ANDROID_HOME%\platform-tools，%ANDROID_HOME%\tools，%ANDROID_HOME%\tools\bin
- 在安装 andriod studio 我选择 SDK 存放地址是
打包APP
-
全局安装
cordova，npm install -g cordova -
新建 cordova 项目
cordova create cordovaApp com.cordova.testapp cd cordovaApp cordova platform add android -
将
www文件中替换为之前npm run build之后www文件 -
cordova build android
