Framework7—— 混合开发

下载模板
构建应用
  • 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 配置
  • Android SDK 配置
    • 安装 andriod studio 会顺便安装 Andriod SDK:http://www.androiddevtools.cn/
    • ANDROID_HOME环境变量配置
      • 在安装 andriod studio 我选择 SDK 存放地址是 E:\SDK,所以设置环境变量 ANDROID_HOME 值为 E:\SDK
      • Android SDK的 toolstools/binplatform-tools目录到您的PATH%ANDROID_HOME%\platform-tools%ANDROID_HOME%\tools%ANDROID_HOME%\tools\bin
打包APP
  • 全局安装 cordovanpm install -g cordova

  • 新建 cordova 项目

    cordova create cordovaApp com.cordova.testapp
    cd cordovaApp
    cordova platform add android
  • www 文件中替换为之前 npm run build 之后 www 文件

  • cordova build android

转载于:https://www.cnblogs.com/cnloop/p/9670719.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值