博客 / 詳情

返回

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差不多
    image.png

user avatar
0 位用戶收藏了這個故事!

發佈 評論

Some HTML is okay.