1. 程式人生 > >移動開發cordova環境搭建

移動開發cordova環境搭建

Cordova環境搭建

java jdkandroid sdk的安裝是必不可少的,並且最好保證電腦上只有一個jdk版本,至少在搭建完cordova之前要只有一個jdk版本,並且配置jdk的環境變數。


1.  安裝node.js

下載安裝node.js,https://nodejs.org/en/,安裝cordova時需要使用。安裝完成之後在終端(win+r,cmd)執行node -v,如果看到如下圖所示的版本號表示安裝成功

 

2.  安裝ant

下載連線:http://ant.apache.org/,下載完成之後解壓到你想安裝的目錄,比如D:\ant。然後將目錄新增到系統變數裡,步驟如下:右擊我的電腦,點選屬性,左側選單點選高階系統設定,在彈窗中點選環境變數,然後在使用者變數中新增變數

ANT_HOME,值為D:\ant,新增變數path,值為D:\ant\bin,新增變數classpath,值為D:\ant\lib
配置好之後在終端輸入ant -v,如果出現如下圖所示則表示成功。

 

3.  安裝gradle


配置好之後在終端輸入gradle -v,如果出現如下圖所示則表示成功。

4.  安裝cordova

首先cmd執行命令:npm –v

說明可以使用npm命令。

Cmd執行下面的命令:npm install -g cordova

測試安裝是否成功,終端輸入cordova -v,如果出現如下如所示提示表示安裝成功

5.  建立cordova應用

1.在終端進入你想要建立的目錄,執行下面的命令:

cordova create hello com.example.first firstApp

注意: cordovacreate是建立專案的命令,緊接著hello為目錄,com.example.first為名稱空間,firstAppapp名稱

2.新增平臺

   cd hello

   cordova platform add android

注意:cd hello即在cmd中進入剛剛新建專案的hello目錄,cordova platform add android即新增的是android平臺,如果是ios 則cordova platform add ios

3.編譯app

cordova build android

編譯android系統,最後如果看到build successful,就可以了,這裡可能要等一段時間,

如果電腦上存在多個jdk版本或者gradle沒有安裝成功,都會提示報錯。

如果沒有報錯則專案建立完成。

4.在Eclipse中新增cordova專案

      在新增之前,首先要安裝adt外掛,安裝好之後在packageExplorer空白出右鍵—>New—>Other, 出現下圖,選擇Android下面的Android project from ExistingCode


點選Next,出現下面圖:在Root Directory中選擇剛剛建立的hello目錄


選擇紅框中的選項,這裡我已經導進去了,所以顯示灰色,其他選項都可以不選,點選Finish。即匯入專案。

執行MainActivity即可。