ionic android

Mac上搭建ionic3的安卓环境

Posted by Zxd on November 14, 2018

1. 安装nvm和node

首先，我们需要安装node，这里推荐先装nvm（Node Version Manager），用来管理node版本。

  • 不推荐用homebrew安装nvm!

https://github.com/creationix/nvm

在terminal中,输入

1
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash

安装完后，在terminal中输入nvm，如果提示command not found: nvm，则需要通过touch ~/.bash_profile创建一个.bash_profile文件(或zshrc)，并粘贴以下代码

1
2
3
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion

保存后执行source ~/.bash_profile (source命令是立即让配置的shell命令生效.)

PS.

  • 新建 touch ~/.bash_profile
  • 打开open -e .bash_profile -e表示使用文本编辑器打开
  • 编辑vi .bash_profile
  • 查看cat ~/.bash_profile
  • 更新配置的环境变量source ~/.bash_profile
  • 查看环境变量,直接在终端输入 $PATH (根据bash和zsh配置文件)

装上nvm后,我们可以通过nvm来安装和管理node.

  • 查看nvm版本nvm --version
  • 查看远程可以安装的node版本 nvm ls-remote 可能会很慢,需要等待
  • 查看已经安装的node版本 nvm ls
  • 安装制定版本的node nvm install v8.9.1
  • 查看当前使用的node版本 nvm current
  • 切换指定版本的node nvm use v8.9.1
  • 设定默认node版本nvm alias default v8.9.1
  • 以上,都可以省略v和简写 nvm use 8.9 nvm use 8

2. 安装ionic和cordova

https://ionicframework.com/docs/intro/installation/

1
$ sudo npm install -g ionic cordova

3. 安装JDK,Gradle和Android Studio

JDK 8下载

JDK下载后直接安装就好～

1
查看安装好 java -version

我们需要先装好JDK才能装gradle

Gradle的安装

  1. 通过homebrew安装gradle
1
$ brew install gradle
  1. 直接下载安装 https://gradle.org/releases/ , 注意选择complete版本,建议用brew安装，不用再自己配置环境变量了

Android Studio的安装

  • cordova android

  • 配置 ANDROID_HOME，打开bash_profile，open -e .bash_profile，在里面配置自己的安卓sdk等环境变量

1
2
3
4
export ANDROID_HOME="/Users/zxd/Library/Android/sdk"
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/platform-tools

如果以上配置都弄好了，我们可以运行ionic start myApp tabs来新建一个项目，并启动ionic serve，试一试打包android的命令

1
2
sudo cordova platform add android  添加安卓平台
sudo ionic cordova build android --prod  压缩打包apk

如果能成功打包apk，表示已经ok了哈～