cordova环境的基础配置和简单的打包教程

工具地址

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 [email protected]
  

• 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差不多