cordova 和 java ( JDK ) 和 android-studio (SDK)的初始安裝和配置
一:前言(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.需要先在電腦上已經安裝了 node 和 git 在這裏不做敘述;
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)的初始安裝和配置