mac系統下ionic環境配置

本人是在mac環境下進行配置的：

1. 下載nodejs：https://nodejs.org/download/ 並雙擊安裝

2. Cordova and Ionic command-line tools 安裝，直接在終端使用命令
   windows：

   npm install -g cordova ionic

   mac或linux: 

   sudo npm install -g cordova ionic安裝

   注意操作系統用戶要有密碼哦，不然安裝過程中提示你輸入密碼，直接回車是通過不了的

3. 好了，這時候該安裝的都安裝，下面來建一個ionic工程吧

   在合適的位置執行命令創建工程  

   ionic start myApp

   ，要稍微等待一會完成工程創建，默認會創建一個有tab頁的模板工程

4. 如果工程創建成功，我們

   cd myApp

   目錄下，執行命令

   ionic serve

   ,會自動打開瀏覽器顯示頁面

 

IONIC安卓環境搭建：

1、下載ant：http://ant.apache.org/bindownload.cgi

增加環境變量

(環境變量在當前用戶根目錄下的.bash_profile里，如果之前沒有設置過默認是沒有.bash_profile文件的，可以手工創建一個。）

export ANT_HOME=/Users/apple/Documents/work/apache-ant-1.9.4
export PATH=${PATH}:${ANT_HOME}/bin

 

2、下載安卓sdk，並添加環境變量

export ANDROID_HOME=/Users/apple/Documents/work/android-sdk-macosx/sdk
export ANDROID_TOOLS=$ANDROID_HOME/tools
export ANDROID_PLATFORM_TOOLS=$ANDROID_HOME/platform-tools
PATH=$PATH:$ANDROID_HOME:$ANDROID_TOOLS:$ANDROID_PLATFORM_TOOLS

 

3、安裝對應的sdk版本

點擊android-sdk-macosx/tools下面的android可以打開android sdk manager，在這里選擇我們要安裝的sdk版本，我裝的是21

注意由於國內網絡問題，列表打開會很慢，ssl-google。。。連不上，顯示不了我要裝的sdk版本，以至於我去找vpn翻牆，但是最后不發現不需要的，過了連不上的那一步，最終還是能把所有的版本刷出來的，但是要耐心等待很久，真的很久很久。。。

 

4、給項目添加安卓

ionic platform add android

一開始我下載的安卓sdk沒有安裝21這個版本，因此報錯了

[Error: Please install Android target: "android-21".
Hint: Open the SDK manager by running: /Users/apple/Documents/work/adt-bundle-mac-x86_64-20131030/sdk/tools/android
You will require:
1. "SDK Platform" for android-21
2. "Android SDK Platform-tools (latest)
3. "Android SDK Build-tools" (latest)]

參考上一步進行相應版本的安裝即可

 

過程還還出現了下面的錯誤

Error: ANDROID_HOME is not set and "android" command not in your PATH. You must fulfill at least one of these conditions.

給目錄設置寫權限既可以解決 chmod -R 777 android-sdk-macosx

4、編譯

ionic build android

中間發生錯誤：

ERROR : No emulator images (avds) found.

是因為我用了這個命令，

sudo ionic build android

不用加sudo來add 和build ，否則要先把模擬器打開再執行這個命令

編譯成功后會在platforms/android/ant-build目錄下生成apk文件，直接傳到手機上就可以安裝運行啦

 

5、模擬器運行

ionic emulate android

這個很慢，其實最后開發中基本都不用模擬器運行，直接在瀏覽器進行調試就ok了

 

 

IONIC IOS環境搭建：

因為是在mac系統下進行配置，所以容易多了

1、安裝ios模擬器

sudo npm install -g ios-sim

2、添加ios平台、編譯、模擬器運行

ionic platform add ios

ionic build ios
ionic emulate ios

.