Cordova環境安裝配置

cordova其實就是一種移動web的框架，它的前身就是PhoneGap。後來PhoneGap捐獻給Apache後，抽離出核心代碼，就改名為cordova。Cordova支持如下移動操作系統：iOS, Android,ubuntu phone os, Blackberry, Windows Phone, Palm WebOS, Bada 和 Symbian。所以說應用還是很廣泛的。

但是cordova的安裝確實一件很麻煩的事情，所以下面介紹一下如何搭建cordova環境平台。

1. 下載node.js

官網地址是https://nodejs.org/en/，下載之後還要進行環境配置

在命令行下進行測試：node -v

2. 安裝npm

其實在安裝node.js的時候，已經順帶安裝好了npm。
npm其實是node.js的包管理工具。我們在node.js上開發時，會用到很多別人寫的JavaScript代碼。如果我們要使用別人寫的某個包，就可以直接通過npm安裝使用，不用管代碼存在哪，應該從哪下載。這是因為大家都把自己開發的模塊打包後放到npm官網上。

3.安裝ant

官網地址：http://ant.apache.org
從官網上下載得到一個
解壓縮之後，就要進行配置。例如我壓縮的路徑為：D:\Program Files (x86)\apache-ant-1.9.7

變量 路徑 ANT_HOME D:\Program Files (x86)\apache-ant-1.9.7 path D:\Program Files (x86)\apache-ant-1.9.7\bin classpath D:\Program Files (x86)\apache-ant-1.9.7\lib

配置好之後，在命令行裡面進行測試

4.安裝git

官網地址：https://www.git-scm.com/download/
安裝git之後再進行配置，配置的話可以自己baidu一下

5.JDK安裝和SDK

通常的java和android開發人員，jdk就基本都安裝和配置好的了，而sdk的話，我比較建議是直接安裝android studio，因為這裡面有附帶安裝的，而我因為一早就安裝好了android studio

變量 值 JAVA_HOME D:\Java\jdk1.8.0_91 PATH %JAVA_HOME%\bin CLASSPATH .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar

6.安裝cordova

經過以上一輪的艱辛操作之後，總算來到這一步了，可以進行安裝了。
命令行下輸入：npm install –g cordova

這一步可以說是非常非常非常慢的，通常你出去跑幾圈，再喝杯咖啡回來再等，而且這還會看你的網速情況。
安裝成功之後，

7.創建項目

cordova create hellowordl com.example.hello SMMC
其中：

變量 說明 helloworld 創建的文件的名稱 com.example.hello 創建的項目的包名 SMMC APP客戶端的名稱，（不過其實可以在配置文件裡面修改）

8.添加平台

進入剛才創建好的項目中
cordova platform add android
cordova platform add ios

接著打開helloworld–>platfZ喎?/kf/ware/vc/" target="_blank" class="keylink">vcm1zvs2/ydLUv7S1vbbgwcvBvbj2zsS8/jxiciAvPg0KPGltZyBhbHQ9"這裡寫圖片描述" src="/uploadfile/Collfiles/20160825/201608250921401099.png" title="\" />
就可以分別用android studio和X-code導入項目

9.添加插件

例如文件傳輸，cordova plugin add cordova-plugin-file-transfer

插件的使用和安裝名稱，都可以在相應的github上有講解
因為每次新安裝一個插件，就會將之前各平台上的html,js,css清除，恢復原狀，所以記得備份

10.編譯項目還有測試項目

之前第8步說過，可以用相應的IDE編譯項目，但是這裡介紹的是直接在命令行進行打包和編譯。進入項目的路徑，輸入cordova build

編譯好之後，就可以在模擬器上或者是真機上進行運行
輸入：cordova run android


這裡面還會生成有apk文件，接著看看模擬器

但是如果想要測試ios的話，就只能在x-code上進行了。