下载模板

• 地址：

  git clone https://github.com/framework7io/framework7-template-vue-webpack my-appcd my-appnpm installnpm run dev

• 应用程序将在浏览器中打开 http://localhost:8080/

构建应用

• npm run build，输出的打包文件在 www 目录中

• 如果需要与 cordova 进行配合，那么在 build 之前将 index.html 中的引用 cordova 部分注释去除

• 之后不管是构建 Android / iOS，都只需要将 cordova 项目中的 www 文件替换成之前 npm run build 打包的文件即可

系统配置

• 打包成手机应用之前需要对环境进行配置
• JAVA JDK 配置
  • 下载地址：
  • 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：
  • 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

打包APP

• 全局安装 cordova，npm install -g cordova

• 新建 cordova 项目

  cordova create cordovaApp com.cordova.testappcd cordovaAppcordova platform add android

• 将 www 文件中替换为之前 npm run build 之后 www 文件

• cordova build android