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环境不存在，因为还需要配置环境变量

打开配置文件

vim vim .bash_profile

找到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的不同点。