Windows系統Ionic安裝教程/Ionic環境配置


原文鏈接: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 //瀏覽器運行(調試很方便)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM