摘要: 最近閑來無事就把以前做的cordova項目整理了下,發現網上很少有詳細完整的配置教程,所以自己就總結了下分享給大家。 項目地址:https://github.com/baixuexiyang/hybrid 環境搭建: 1.安裝node.js下載安裝node.js,https://nodejs ...
摘要:
最近閑來無事就把以前做的cordova項目整理了下,發現網上很少有詳細完整的配置教程,所以自己就總結了下分享給大家。
項目地址:https://github.com/baixuexiyang/hybrid
環境搭建:
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
恭喜你第一個應用程式完成了!
常用命令:
1、創建應用
cordova create first com.example.first firstApp
2、添加平臺
cordova platform add android cordova platform add ios cordova platform add amazon-fireos cordova platform add blackberry10 cordova platform add firefoxos
3、查看平臺
cordova platforms ls
4、刪除平臺
cordova platform remove android 或者 cordova platform rm android
5、打包app
cordova build android
6、運行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