1. 程式人生 > >cordova 和 java ( JDK ) 和 android-studio (SDK)的初始安裝和配置

cordova 和 java ( JDK ) 和 android-studio (SDK)的初始安裝和配置

一次 load 不想 jdk安裝 puts 計算機 bubuko 註意 png

一:前言(2018)

之前封裝APP都是用的HBuilder結合mui來封裝的簡單app,有空的時候想研究下之前的phonegap來封裝app。然後遇到的問題還是蠻多的,畢竟之前沒弄過。

下面的步驟主要是總結下安裝和配置,避免自己以後再走彎路,也希望對大家配置有幫助。

二:需要安裝和配置的幾個包(暫時只到cordova 在windows7 和 android的配置,因為我只弄到這現在

1.cordova (剛開始一直以為是要安裝phonegap的windows版本的app,後來才知道現在的phonegap歸屬於apache了,現在只需要用npm安裝cordova就可以了。)

2.java Development Kit (JDK) 8 (下載的時候一定要看看自己系統和版本是否匹配)

3.gradle

4.android studio (可視化開發工具)

三:cordova的基本知識和安裝

現在不需要下載phonegap的app,現在cordova的官網是 “https://cordova.apache.org/”,大家可以去看看熟悉了解。

安裝:

  1.需要先在電腦上已經安裝了 nodegit 在這裏不做敘述;

  2.打開cmd控制面板 輸入 ‘npm install -g cordova’ 就安裝好了(在cmd輸入 cordova -v 如果出現版本號,說明安裝成功)

四:JDK安裝和環境變量配置

1.下載網址:‘https://www.oracle.com/technetwork/java/javase/downloads/index.html’

註意點進每個版本看一下兼容情況,和適合的系統情況。

我自己安裝的是:jdk-8u181-windows-x64這個版本的,盤下載這個版本的連接:‘https://pan.baidu.com/s/1f6opzWWxSZyLU-isfLXFRA’。

2.傻瓜式安裝,點開exe會進行安裝,我這裏更改了安裝JDK和jre的位置,可以自定義。

3.設置環境變量:

  右鍵計算機 -- 選擇屬性 -- 選擇左邊的高級選項設置 -- 選擇環境變量 -- 在系統變量下新建 變量名 JAVA_HOME ,變量值 E:\BaiduNetdiskDownload\appInstallPalce\java-8u181 (我剛安裝更改的jdk安裝的地址),如下圖:

  技術分享圖片

4. 還是環境變量裏面的,把Path變量後面追加地址 : ‘;/JAVA_HOME%/bin’ ,然後保存;

 在控制臺裏面輸入java -version 如果出現版本號就是安裝配置成功了。

五:安裝gradle

官網參考:‘https://gradle.org/install/#helpful-information’

1.下載地址:‘https://gradle.org/next-steps/?version=4.10.2&format=all’

2.在C盤下新建文件夾Gradle,就有了地址: C:\Gradle

3.打開剛下的壓縮包,解壓後,把gradle-4.10.2文件夾放到上面的文件夾下面

4.按照上面java的環境變量的設置,在系統環境變量中加上gradle的bin的絕對路徑,追加到Path下面

5.在控制臺中輸入 gradle -v ,出現版本號就成功,說該指令不存在就配置有問題。

六:安裝和配置android-studio SDK

可以參考這裏的安裝:https://www.cnblogs.com/xiadewang/p/7820377.html

安裝有錯誤的時候,除了uninstall之外,要清除之前的安裝設置數據,可以參考:https://zhidao.baidu.com/question/693834551689795644.html

1.官網下載:‘https://developer.android.google.cn/studio/’。

2.傻瓜式安裝,我這裏下載後沒有SDK的勾選項,只有兩個,先不管。

3.SDK的配置:(這裏是默認的sdk的安裝地址,如果不想讓這個浪費C盤的內存,就可以在第一次安裝啟動的時候讓安裝sdk的地方重新設置地址)

  3.1 下載和安裝完 android-studio 後就會默認在計算機的C盤下面建sdk的目錄,默認地址是:C:\Users\Administrator\AppData\Local\Android\Sdk

   ,因為現在新版的安裝的時候並沒有網上說的安裝的時候會讓你選擇sdk安裝的目錄,而是只有一個選擇安裝 android studio的目錄,所以一開始我還以為是沒有安裝,弄了半天。。。

  3.2 設置系統環境變量 ANDROID_HOME 值為:C:\Users\Administrator\AppData\Local\Android\Sdk

  3.4 更改系統環境變量Path    

    在Path後面追加兩個地址:
    一個:%ANDROID_HOME%\tools
    一個:%ANDROID_HOME%\PLATFORM-TOOLS

  3.5監測環境變量是否設置成功,

    打開cmd控制臺窗口,
    輸入android 如果有反應說明%ANDROID_HOME%\tools 配置成功;
    輸入adb 如果有反應說明%ANDROID_HOME%\platform-tools配置成功;
    如果沒反應就是配置上有問題;

七:到這裏基本的android需要的環境都安好了,下面創建一個最簡單的app

  7.1 cordova創建app

    在想要創建的文件夾下,shift+右鍵 選擇在此處打開命令窗口,輸入 cordova create hello com.example.hello HelloWorld

    hello : 是在這個目錄下面建項目 -- com.example.hello : 是項目config的id -- HelloWorld : 項目名為Hello World

  7.2 添加安卓平臺platform

    在剛打開的命令窗口下輸入 cd hello 進到這個目錄,然後輸入 cordova platform add android

  7.3 檢查需要的插件和環境是否安裝和配置

    在hello下的打開的命令窗口 輸入 cordova-requirements 會展示哪些安裝哪些沒有還

  7.4 打包 apk

    還是在上面的命令窗口 輸入 cordova build android ,等一會之後就會在項目下生成apk,

    我的地址:E:\mynodeproject\22.wepapp-cordova\hello\platforms\android\app\build\outputs\apk( hello就是我的這個項目地址)

八:android studio虛擬機中啟動

  8.1 打開剛安裝 android studio 的文件 找到 .exe啟動,

    我的是E:\BaiduNetdiskDownload\android-studio-ide\android-studio\bin 目錄下的 studio64.exe (我電腦是64位系統的,所以打開這個)

  8.2 打開項目,如下圖

  技術分享圖片

    技術分享圖片

技術分享圖片

8.3 修改jdk位置,設置自己上面安裝java環境的位置,如下圖

技術分享圖片

8.4 設置一個安卓的虛擬機,如下圖點擊紅色框:

 技術分享圖片

技術分享圖片

8.5 按照提示安裝完虛擬機後,就可以使用了,點擊上圖中的綠色箭頭按鈕,啟動這個虛擬機,然後回到我們的項目hello下面打開命令行,輸入 cordova run android 就會在虛擬機中展示第一個簡單的app

cordova 和 java ( JDK ) 和 android-studio (SDK)的初始安裝和配置