关于vue.js: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 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差不多

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理