cordova搭建環境

一、配置java環境變量

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

建議在目錄為：

D:\Install\Java\jdk1.8.0_131

D:\Install\Java\jre1.8.0_131

安裝完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。

二、安裝android sdk

1.直接安裝Android studio就自帶了android sdk

安裝步驟非常簡單，直接next，然后選擇要安裝的路徑進行安裝即可。

設置android sdk環境變量

變量名：ANDROID_HOME

變量值：D:\Install\Android\sdk

在path中加入：%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools; 注意要有分號。

三、安裝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

------------------------------------------------------------

三、創建你的第一個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

打包Cordova應用

cordova build android

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

四、可能遇到的gradle問題

1.問題

(1) android sutdio第一次打開一個工程巨慢怎么辦？

(2) 手動配置Gradle Home為什么總是無效?

(3) 明明已經下載了Gradle，配置了gradle home,為什么打開工程還是去自動下載Gradle?

簡介

(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 是不是恍然大悟？

配置方法

既然搞清楚了原理，也知道打開慢的原因是卡在下載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，一下子就打開了.

總結

以上是生活随笔為你收集整理的linux cordova安装教程,cordova搭建环境的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。