WebApp開發之Cordova安裝教程

1 安裝Cordova

（Cordova開發環境的安裝，包括所涉及的Node.js、Cordova CLI、JDK及Android SDK等，而後建立一個HelloWord項目。）

1.1 安裝Node.js

https://nodejs.org 直接去官網下載並按默認路徑安裝就能夠了。

安裝完成後在命令行：   （測試成功！）

$ npm

 

1.2 安裝Cordova CLI

命令行：

$ npm install -g cordova

若是安裝不成功，通常是網絡緣由，能夠找個FQ軟件。我這邊用的是proxy999。

安裝成功後命令行：   （測試成功！）

$ cordova

 

1.3 部署Android開發環境

Cordova是一種Hybrid開發，能夠被部署到android，ios等多個手機平臺。這裏咱們以android爲目標平臺。

接下來咱們開始android平臺下相關環境的部署。

這裏咱們安裝AndroidStudio，能夠訪問 http://www.android-studio.org/  

裏邊有國內的下載鏡像。

 

1.3.1 安裝JDK

oracle官網 http://java.oracle.com/  （下不來的FQ~~）

或國內鏡像 http://jdk.android-studio.org/

下載安裝後，配置環境變量：http://www.cnblogs.com/yuzhongwusan/archive/2013/03/26/2982411.html

 

1.3.2 安裝Android SDK

下載並安裝AndroidStudio，http://developer.android.com/sdk/index.html

安裝完成後配置sdk環境變量（cordova命令要用到）：http://jingyan.baidu.com/article/f71d603757965b1ab641d12a.html

 

1.3.2 安裝Ant

Ant是java平臺下一個打包部署的工具，使用cordova命令的時候須要藉助這個工具。

http://ant.apache.org/bindownload.cgi，下載zip壓縮包，解壓後配置環境變量：http://www.cnblogs.com/yuzhongwusan/archive/2013/03/26/2982411.html

 

2 建立Cordova的第一個應用 HelloWorld

咱們在d：\\test 目錄下新建一個項目

$ d:
$ cd test

先進入到目標文件夾，而後執行下面的命令

 

運行到瀏覽器：

$ cordova serve android

 

3. AndroidStudio導入Cordova項目

通過上一步的cordova項目build成功後，咱們打開下面目錄，會看到一個build.gradle，它就是咱們項目的關鍵，由於項目自己就是用gradle來構建的。

 

最後一步，咱們打開AndroidStudio來導入上面看到的.gradle文件，就能夠在AndroidStudio中來編寫咱們的應用了，也能夠很方便的在模擬器上預覽。

初次導入的時候會從網絡下載gradle相關的東西，要等個10分鐘。導入完成後咱們運行模擬器，效果：

 

 

好了，Cordova的環境搭建已經好了。其實本文更多的都是在說android的環境搭建，花的時間最多的也是這個，並且會有國內外網絡的問題，會花很多時間。