MAC中ionic开发手机App环境搭建

MAC中ionic开发手机App环境搭建

• 1.首先安装ionic
  

  npm install -g cordova ionic

• 2.安装node.js
  下载地址：https://nodejs.org/en/
  我下载的LTS版，可以很好使用，current版觉得太新，不稳定。此时，如果不用真机调试的话，应该可以了。
  创建命名为myApp的ionic的项目命令：

  ionic start myApp tabs 

  项目运行：

  ionic serve 项目运行

  如果想创建ionic2的项目，则使用

  ionic start myApp --v2

  用上面的命令，就已经可以运行项目。
• 如果要真机调试，就需要安装android环境，配置环境变量。有人说直接下载android studio就行，但是不管用。所以我下载的android sdk Manager。
  网址：
  http://www.cnblogs.com/yjmyzz/p/4219829.html 参照这个来配置，要开代理，不然下载不下来。
• 下载完后，当我试图运行时，还是会报android环境不存在，因为还需要配置环境变量
  
  1. 打开配置文件

     vim vim .bash_profile

  2. 找到android sdk路径 ，在bash_profile文件中加上这些语句：

     ANDROID_HOME=‘/你的路径/android-sdk-macosx'                                      export ANDROID_HOME 
     
     PATH=${PATH}:/你的路径/android-sdk-macosx/platform-tools:/你的路径/android-sdk-macosx/tools                     PATH=$JAVA_HOME/bin:$PATH 
     
     CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar                                                                export CLASSPATH

• 修改完保存之后，执行source ~/.bash_profile 使配置生效。但是可能还是说找不到环境，应该是没有重启，我重启之后，就可以了。
• 当ionic run android 运行项目时，报错

  A problem occurred configuring root project 'android'. You have not accepted the license agreements of the following SDK components: [Android SDK Platform 24].

  要添加licenses文件
  

  mkdir "$ANDROID_HOME/licenses” 
  
  echo -e "\n8933bad161af4178b1185d1a37fbf41ea5269c55" > "$ANDROID_HOME/licenses/android-sdk-license”

• 但是运行时还是报没有权限错误，于是我用sudo ionic run android 运行，就可以了。
• 想了解更多详细的项目信息，可以查看项目地址：
  http://download.csdn.net/detail/u011376686/9720290
  下一篇：将讲述ionic2中手机定位和百度api调用以及ionic2与ionic1的不同点。