cordova搭建環境

cordova搭建環境

1、配置java環境變量

1.安裝JDK 選擇安裝目錄 安裝過程當中會出現兩次 安裝提示 。第一次是安裝 jdk ，第二次是安裝 jre 。建議兩個都安裝在同一個java文件夾中的不一樣文件夾中。（不能都安裝在java文件夾的根目錄下，jdk和jre安裝在同一文件夾會出錯）

建議在目錄爲：

D:\Install\Java\jdk1.8.0_131
D:\Install\Java\jre1.8.0_131

1. 安裝完jdk以後，接着配置環境變量 計算機→屬性→高級系統設置→高級→環境變量

(1)新建系統變量 JAVA_HOME 「變量值」這一欄主要填寫的是你安裝 java 的路徑

「變量名」：JAVA_HOME
「變量值」：D:\Install\Java\jdk1.8.0_131

(2)系統變量→尋找Path變量→編輯。

在變量值最後輸入`%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;`(注意原來Path的變量值末尾有沒有;號，若是沒有，先輸入;號再輸入上面的代碼)。

(3)系統變量→新建CLASSPATH變量。(注意最前面有一點)表明當前路徑

CLASSPATH: .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar

(4) 檢驗是否配置成功運行cmd輸入java -version,javaac。

2、安裝android sdk

1.直接安裝Android studio就自帶了android sdk
安裝步驟很是簡單，直接next，而後選擇要安裝的路徑進行安裝便可。

設置android sdk環境變量

變量名：ANDROID_HOME
變量值：D:\Install\Android\sdk
在path中加入：%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools; 注意要有分號。

3、安裝android構建工具gradle

手動安裝

步驟1. 下載最新的Gradle發行版

目前的Gradle版本是4.2.1版，發佈於2017年10月02日。分發zip文件有兩種風格：
二進制 （sha256）
完成文檔和來源（sha256）
若是有疑問，請選擇二進制版本，並在線瀏覽文檔和來源。

須要使用舊版本嗎？請參閱發行頁。

步驟2.打開分發包

Linux和MacOS用戶

將分發zip文件解壓縮到您選擇的目錄中，例如：

$ mkdir /opt/gradle
$ unzip -d /opt/gradle gradle-4.2.1-bin.zip
$ ls /opt/gradle/gradle-4.2.1
LICENSE  NOTICE  bin  getting-started.html  init.d  lib  media

Microsoft Windows用戶

C:Gradle使用File Explorer建立一個新的目錄。

打開另外一個文件資源管理器窗口，並轉到已下載Gradle發行版的目錄。雙擊ZIP存檔以公開內容。將內容文件夾拖動gradle-4.2.1到新建立的C:Gradle文件夾中。

或者，您能夠將Gradle發行版ZIP解壓縮爲C:Gradle使用您選擇的歸檔工具。

步驟3.配置系統環境

Linux和MacOS用戶

配置您的PATH環境變量以包括bin解壓縮的分發的目錄，例如：

$ export PATH=$PATH:/opt/gradle/gradle-4.2.1/bin
Microsoft Windows用戶

在文件資源管理器中，右鍵單擊This PC（或Computer）圖標，而後單擊Properties- > Advanced System Settings- > Environmental Variables。

在System Variables選擇下Path，而後單擊Edit。添加一個條目C:Gradlegradle-4.2.1bin。單擊肯定保存。

步驟4.驗證您的安裝

打開控制檯（或Windows命令提示符）並運行gradle -v以運行漸變並顯示版本，例如：

$ gradle -v

------------------------------------------------------------
Gradle 4.2.1
------------------------------------------------------------

3、建立你的第一個App

1.全局安裝cordova

sudo npm install -g cordova   //OSX 或者Linux上
npm install -g cordova        //Windows

2.建立App 跳轉到你維護源代碼的目錄中，並建立你的cordova項目：

cordova create hello com.example.hello HelloWorld

將會在當前目錄下建立一個hello目錄做爲這個Cordova工程的目錄com.example.hello是項目的name和id,HelloWorld是項目的displayName

3.添加開發平臺

添加瀏覽器平臺
cordova platform add browser
添加Android平臺
cordova platform add android
添加IOS平臺
cordova platform add ios
若是想指定版本能夠
cordova platform add android@6.1.0
列出已添加的平臺
cordova platform ls

4.添加插件

cordova plugin add cordova-plugin-statusbar --save
羅列出已安裝的插件
cordova plugin ls

5.調試

啓用Android模擬器
cordova emulate android
也可使用Android手機進入開發者模式進行調試
cordova run android

1. 打包Cordova應用

cordova build android
OK了，若是命令行無錯誤信息的話就會在/platforms/android/build/outputs/apk目錄下會生成一個.apk文件。

4、可能遇到的gradle問題

1.問題

(1) android sutdio第一次打開一個工程巨慢怎麼辦？
(2) 手動配置Gradle Home爲何老是無效?
(3) 明明已經下載了Gradle，配置了gradle home,爲何打開工程仍是去自動下載Gradle?

1. 簡介

(1) Android Studio怎麼知道該用哪一個Gradle呢?
AS一個項目所用的Gradle是由咱們的工程中下面這個文件決定的:

{your project}/gradle/wrapper/gradle-wrapper.properties
文件內容以下：

distributionBase=GRADLE_USER_HOME
distributionPath=wrapper/dists
zipStoreBase=GRADLE_USER_HOME
zipStorePath=wrapper/dists
distributionUrl=https\://services.gradle.org/distributions/gradle-2.4-all.zip

最後一排的distributionUrl 決定了這個項目使用的gradle版本，也就是說不一樣的項目可使用不一樣的gradle版本，這也就是爲何修改Gradle Home失敗的緣由。那麼咱們怎麼知道gradle有哪些版本呢？答案是下面這個連接：

Gradle下載地址：https://services.gradle.org/d...
因此只要對着上面的連接，修改後面的gradle版本就能夠了.

(2) Gradle保存在哪裏？
Gradle是你們共用的，固然不會把Gradle放在項目文件中(不是不能夠)，AS將gradle保存在下面的目錄：

Linux:
~/.gradle/wrapper/dists

windows:
C:\users\{user name}\.gradle\wrapper\dists

打開這個目錄，能夠看到下載好的gradle版本

Android Studio打開一個工程時，首先會讀取gradle-wrapper.properties 文件，從而知道這個工程須要哪一個版本的gradle ,而後就會去保存gradle的文件夾GRADLE_USER_HOME 去找看存不存在這個版本的gradle，不存在則會去distributionUrl 去下載
搞清楚了這個流程，如今是否是明白了，爲何第一次打開一個工程會巨慢了吧，由於AS會去下載gradle。爲何我明明下載了gradle，也指定了gradle的存放目錄，可打開的時候仍是會去自動下載gradle了，那是由於你沒有配對地方。如今回過來看項目配置文件是否是gradle/wrapper/gradle-wrapper.properties 是否是恍然大悟？

1. 配置方法

既然搞清楚了原理，也知道打開慢的緣由是卡在下載gradle這一步，那麼咱們就本身下載gralde，而後配置上去
(1) 修改gradle-wrapper.properties
修改gradle-wrapper.properties 中的 distributionUrl，改爲咱們想要的版本，只改後面的版本就能夠了，前面的部分不要改。具體版本看下面連接：

Gradle下載地址：https://services.gradle.org/d...
(2) 打開項目
這個時候AS將自動下載gradle，並建立好目錄。這時直接幹掉Android Studio並退出，由於這一步是爲了獲得AS自動建立的下載目錄，定位到下面的目錄：

Linux:
~/.gradle/wrapper/dists

windows:
C:\users\{user name}\.gradle\wrapper\dists

進入對應的gradle版本文件夾下，會發現有一個一串亂碼的文件夾，本例以gradle2.4

(2) 下載gradle
從上面的Gradle下載地址，下載對應版本的gradle，本例中爲gradle-2.4-all.zip,而後刪除上圖中的gradle-2.4-all.zip.part文件，將下載的gradle-2.4-all.zip複製到上圖中一串亂碼的文件夾下，注意不要解壓。這樣咱們就跳過了下載gradle這一步。

(3) 從新開啓Android Studio,打開工程，ok，一會兒就打開了.