原文鏈接:http://blog.csdn.net/superjunjin/article/details/43412017
參考文章
Cordova 3.x 基礎(1) -- 環境搭建(Windows / Android) http://rensanning.iteye.com/blog/2016364
phoneGap之Android環境搭建 http://haomou.net/2014/08/06/2014_phonegap_android/
ionic框架配置 http://haomou.net/2014/08/07/2014_ionic/
ant的配置 http://www.cnblogs.com/yuzhongwusan/archive/2013/03/26/2982411.html
其實大體主要分兩步:安裝cordova和安裝ionic
安裝cordova
一,首先安裝Ant(cordova工具生成android項目時,需要的編輯工具)
1,安裝ant
到官方主頁http://ant.apache.org下載新版(目前為Ant1.8.1)的ant,得到的是一個apache-ant-1.8.1-bin.zip的壓縮包。將其解壓到你的硬盤上,例如:C:\apache-ant-1.8.1。
2,配置環境變量
path C:/ apache-ant-1.8.1/bin
classpath C:/apache-ant-1.8.1/lib
3,驗證ant
為了驗證ant是否成功安裝,可以進行如下操作:
依次選擇:開始->運行->cmd,輸入如下命令:ant
如果出現如下內容,說明安裝成功:
Buildfile: build.xml does not exist!
Build failed
二,安裝android sdk(網上方法一大把)
別忘了配環境變量(把%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools加到Path環境變量中,不然會報"Error: An error occurred while listing Android targets"錯)
三,安裝Node.js (這里主要是要用它的npm命令裝東西)
進入官網(http://www.nodejs.org/ ),下載安裝包安裝
四,安裝phonegap和cordova(終於到主角了)
npm install -g phonegap
npm install -g cordova
安裝完畢后可以創建一個cordova項目運行了
cordova create myapp com.org.myapp "HelloWorld"
cd myapp
cordova platform add android //添加android運行平台
cordova build android //編譯apk
cordova run android //運行到真機
安裝ionic(其實就一句話,不知是屏蔽還是網速原因,我就一直裝不上,一個禮拜左右每天都會裝就是裝不上,所以有了以下的辦法)
npm install -g ionic (這句能成功安裝就不用看下邊的方法了)
我的方法
1,配置環境變量node的npm命令
Path : C:\Documents and Settings\Administrator\Application Data\npm
2,補齊npm文件夾下有關於ionic的文件 http://download.csdn.net/detail/superjunjin/8417723
3,補齊ionic項目下node_modules等文件 http://download.csdn.net/detail/superjunjin/8417731
(具體文件見最后的壓縮包)
ionic start myApp sidemenu //創建帶有左側帶有menu欄的示例項目
ionic start myApp blank //創建空白項目
ionic serve //瀏覽器運行(調試很方便)