关于vue.js:cordova环境的基础配置和简单的打包教程

41次阅读

共计 1333 个字符,预计需要花费 4 分钟才能阅读完成。

工具地址

Android Studio https://developer.android.google.cn/studio/
Gradle https://gradle.org/releases/

Android SDK 装置

  • 下载最新版的 Android Studio 能够通过编辑器来装置
  • 装置时留神装置在空间比拟大的盘,SDK 占用的空间比拟大
  • 装置胜利后配置环境变量

Android SDK 环境变量的配置

  • 首先在环境变量中增加 ANDROID_HOME 该变量指向 SDK 的装置门路的跟目录,比方:

    
    D:AndroidSDK
    
  • 在 Path 变量中退出 tools 和 platform-tools

    
    %ANDROID_HOME%tools;
    
    %ANDROID_HOME%platform-tools;
    
  • 验证配置后果

    
    关上 cmd 输出  adb
    
    只有不报错 就阐明对了
    

Gradle 的装置和配置

  • 首先把装置教程中的 gradle-5.1.1.zip 解压
  • 配置 gradle 的环境变量

    
    在环境变量中配置 GRADLE_HOME  该变量指向 gradle 解压的根目录
    
    再配置 Path   %GRADLE_HOME%bin;
    
  • 校验配置后果

    
    gradle -v
    

Cordova 的装置

  • nodejs 必须装置的 就不用说了
  • cordova 全局装置

    
    npm install -g cordova
    
  • 校验

    
    cordova -v
    

Cordova 的基本操作

  • cordova 创立我的项目

    
    cordova create 我的项目文件名 包名 我的项目名
    
    cordova create XiaoEr com.jinanluke.shipper XiaoEr
    
  • cordova 创立安卓平台

    
    cordova platform add android@安卓版本
    
    cordova platform add android@8.0.0
    
  • cordova 移除安卓平台

    
    cordova platform remove android
    
  • cordova 下载 cordova 插件

    
    cordova plugin add 插件名
    
    具体装置什么插件本人依据业务本人百度去
    
  • cordova 移除插件

    
    cordova plugin remove 插件名
    
  • cordova 打包 debug 版 app

    
    cordova build android
    
    怎么找打包后的 apk 在哪?platformsandroidappbuildoutputsapk 
    
  • cordova 打包正式版

    
    cordova build android --release
    
    这块须要签名文件 
    
    怎么生存签名文件 这次先不说
    
  • cordova 怎么真机调试

    
    手机连电脑 关上开发者模式 又是什么 USB 调试 就不用说了
    
    cordova run android  调试 debug 版
    
    cordova run android --release 调试正式版
    
  • cordova 怎么能用 Android Studio 来调试

    
    可自行百度 android studuio 吊起 cordova 中的 android 我的项目
    
  • H5 的我的项目怎么放到 cordova

    
    把你打包的 Vue 的我的项目 dist 文件外面的内容 复制到 cordova 创立的我的项目的根目录的 www 文件中去
    

    自己没有 Mac 本本 对于 ios 的局部 其实跟 android 差不多

正文完
 0