mac系统下ionic环境配置

13544870125

　　本人是在mac环境下进行配置的：

• 　　下载nodejs：https://nodejs.org/download/ 并双击安装
  
• 　　Cordova and Ionic command-line tools 安装，直接在终端使用命令
  windows：npm install -g cordova ionic
  mac或linux: sudo npm install -g cordova ionic安装
  注意操作系统用户要有密码哦，不然安装过程中提示你输入密码，直接回车是通过不了的
  
• 　　好了，这时候该安装的都安装，下面来建一个ionic工程吧
  　　在合适的位置执行命令创建工程  ionic start myApp，要稍微等待一会完成工程创建，默认会创建一个有tab页的模板工程
  
• 　　如果工程创建成功，我们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版本，以至于我去找vpnFQ，但是最后不发现不需要的，过了连不上的那一步，最终还是能把所有的版本刷出来的，但是要耐心等待很久，真的很久很久。。。
　　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