超詳細cordova環境配置（windows）及實例

摘要：

最近閒來無事就把之前作的cordova項目整理了下，發現網上不多有詳細完整的配置教程，因此本身就總結了下分享給你們。

環境搭建：

1.安裝node.js
下載安裝node.js,https://nodejs.org/en/，安裝cordova時須要使用。安裝完成以後在終端（win+r,cmd）執行node -v，若是看到以下圖所示的版本號表示安裝成功。

2.安裝ant
下載鏈接:http://apache.dataguru.cn//ant/binaries/...，下載完成以後解壓到你想安裝的目錄，好比D:\ant。而後將目錄添加到系統變量裏，步驟以下：右擊個人電腦，點擊屬性，左側菜單點擊高級系統設置，在彈窗中點擊環境變量，而後在用戶變量中添加變量ANT_HOME,值爲D:\ant，添加變量path，值爲D:\ant\bin，添加變量classpath，值爲D:\ant\lib。
配置好以後在終端輸入ant -v，若是出現以下圖所示則表示成功。

3.安裝cordova
在終端執行下面命令

npm install -g cordova

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

注意：有時候咱們安裝成功了，可是執行cordova命令提示不是內部或外部命令，這時候須要在環境變量中配置咱們的全局npm路徑，在用戶變量裏找到path，若是沒有就新建，添加值爲C:\Users\admin\AppData\Roaming\npm（找到本身對應的npm目錄）

4.安裝jdk
下載http://www.oracle.com/technetwork/java/j...，選擇本身的版本

5.安裝sdk
不一樣的cordova版本對應不一樣的sdk版本，我裝的sdk爲5.1.1。
下載sdk，http://www.oracle.com/technetwork/java/j...，這裏有詳細的安裝步驟（http://www.cnblogs.com/zoupeiyang/p/4034...）

注意：安裝硬件加速，須要修改BIOS的virtualization technology爲true，模擬器啓動不起來，去掉hardware。

若是以上都已經完成了，那恭喜你環境配置成功了！

建立第一個應用：

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

cordova create first com.example.first firstApp

cordova creat是建立項目的命令，緊接着first爲目錄，com.example.first爲命名空間，firstApp爲app名稱

2.添加平臺

cd first
    cordova platform add android

添加android平臺，下載可能會比較慢

3.編譯app

cordova build android

編譯android系統，最後若是看到build successful,就能夠了

4.運行app

模擬器上運行

cordova emulate android

瀏覽器上運行

cordova serve android

瀏覽器訪問http://localhost:8000便可

真機上運行

cordova run android

恭喜你第一個應用程序完成了！

經常使用命令

• 建立應用

cordova create first com.example.first firstApp

• 添加平臺

cordova platform add android
    cordova platform add ios
    cordova platform add amazon-fireos
    cordova platform add blackberry10
    cordova platform add firefoxos

• 查看平臺

cordova platforms ls

• 刪除平臺

cordova platform remove android
    或者
    cordova platform rm android

• 打包app

cordova build android

• 預編譯

cordova prepare android

• 編譯

cordova compile android

• 運行app

cordova emulate android
    cordova serve android
    cordova run android

總結

hybrid app相對native app來講開發起來速度快，相對容易，可是沒有native那麼流暢，性能和體驗稍微差些。而且文件大小相差也很大，一樣一個應用native只要幾k，二hybrid卻要幾兆。

下面是我本身分別使用cordova和phonegap開發的新聞應用，歡迎你們安裝使用。
https://github.com/baixuexiyang/hybrid.g...