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

最新推荐文章于 2021-05-27 10:15:40 发布

Anonymity_Y

最新推荐文章于 2021-05-27 10:15:40 发布

阅读量731

点赞数

分类专栏：编程总结 ionic2使用文章标签： node.js 手机调试 ionic2

本文链接：https://blog.csdn.net/u011376686/article/details/53876934

版权

编程总结同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

ionic2使用

2 篇文章 0 订阅

订阅专栏

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