Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> Android開發 >> 關於android開發 >> Windows下Ionic Android開發環境搭建,ionicandroid

Windows下Ionic Android開發環境搭建,ionicandroid

編輯:關於android開發

Windows下Ionic Android開發環境搭建,ionicandroid


轉自 http://www.itwap.net/ArticleContent.aspx?id=26

  • 來源: itwap.net
  • 作者: 詞略
  • 時間: 2015-4-2 16:57:28

(一)Ionic簡單介紹:

 

        首先,Ionic是什麼。

        Ionic是一款基於PhoneGap及AngularJS開發Hybrid/Web APP的前端框架,類似的其他框架有:Intel XDK等。

        簡單來說就是可以將你的Web應用打包發布成IOS/Android APP,並且提供了PhoneGap之外很多強大的服務和新的特性。

        聽起來還是很誘人的,事實上這也是目前最火的一中Hybrid APP開發方式。接下來介紹如何在Windows下搭建Ionic開發環境。

        在開始之前我假設你已經了解了如下概念。

                Java JDK 

                Apache Ant

                Android SDK

                NodeJS

        #以上名詞這裡就不贅述,如果有不清楚的可以自行查閱#

 

(二)安裝步驟:

 

        Ionic官方教程: http://learn.ionicframework.com/videos/windows-android/

        以下內容參考官方教程得出。

 

        1、下載JDK並配置好Java運行環境

 

        下載地址: http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html (請注意選擇您電腦的對應版本)

        Java環境變量的配置:參看:http://zhidao.baidu.com/question/1366931535221381339.html

 

        2、下載Apache Ant 並將其bin目錄路徑添加進Path路徑

 

        下載地址: http://mirror.tcpdiag.net/apache//ant/binaries/apache-ant-1.9.4-bin.zip

        下載完成後解壓該文件至某個安全的目錄下,然後將改文件夾內的bin文件夾路徑添加至系統Path環境變量中,如存放在C盤 Program Files目錄下則Path中添加如下值 C:\Program Files\apache-ant-1.9.4\bin;  (添加方法和java配置path變量是一樣的,注意以 ; 隔開每個環境變量的值)

 

        3、下載Android SDK 並配置好SDK運行環境

 

        下載地址: http://developer.android.com/sdk/index.html 這裡可以只下載Android SDK 不需要一並下載 Android Studio。下載完成並安裝然後向系統Path環境變量中添加兩個值。分別是 Android SDK中tools目錄的路徑和platform-tools的路徑。例如:

                C:\Program Files (x86)\Android\android-sdk\tools;

                C:\Program Files (x86)\Android\android-sdk\platform-tools;

        在這裡我發現Android SDK安裝目錄中並沒有 “ platform-tools”這個文件夾,於是詢問隔壁Android開發的小伙伴,他說是ADT中才有,然後給我發了他那邊環境中的這個文件夾,可正常使用。

        實際上正確的解決方案應該是:

        運行tools目錄下的android.bat文件,然後出現如下界面,勾選Android SDK Platform-tools 然後安裝。

        注意:這裡我下載的純淨版SDK之前並沒有任何Android系統在內,所以同 Platform-tools 一樣需要在這裡勾選需要的版本然後安裝。這裡至少需要有一個系統,否則無法創建虛擬機。當然,用真機調試的話可以不依賴。

 

        4、下載NodeJS for Windows並安裝

 

        下載地址:https://nodejs.org/download/ 

        Windows下安裝NodeJS環境很簡單,在NodeJS官網下載正確版本後安裝即可。

        注意要下的是下圖中紅色框所標注的文件。

        5、利用NodeJS中提供的nmp來安裝Ionic和Cordova

 

        完成以上幾步需要配置的環境就搭建完成了,接下來就只需要在控制台輸入簡單的幾行命令就可以安裝Ionic和Cordova啦。

        進入cmd窗口,輸入如下指令

           $     npm install -g cordova

        按下回車系統將自動安裝Cordova;

        安裝完後輸入

npm install -g ionic

        安裝Ionic

 

        #完成以上所有步驟,就可以開始愉快地利用Ionic快速開發Android APP啦#

 

(三)創建一個Android項目並調用虛擬機運行:

 

        1、創建APP 

 

        在控制台輸入

ionic start myapp

        這裡的 myapp是你的APP的名字

        2、進入創建的APP目錄

 

cd myapp

        3、選擇配置Android環境

 

ionic platform add android

 

        4、打包生成APP

 

ionic build android

 

        5、運行APP(需要先新建虛擬機/連接手機,新建方法:打開Android SDK安裝目錄下的AVD Manager.exe選擇新建)

 

ionic run android

 

        到這一步系統就會打開虛擬機運行簡單的示例APP了。

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved