android studio cordova,【mac】基于Android Studio搭建cordova开发环境

一、系统环境

操作系统：Macos Catalina 10.15.4

二、开发环境准备

1.java

1.2 安装完成后在终端输入，出现版本号说明java安装成功java -version

2.git

2.2 安装完成后在终端输入git --version

出现git的版本号说明安装成功。

3.node.js

3.1 安装node.js(官网：http://nodejs.cn/)， 官网下载对应版本安装。

3.2 安装完成后在终端输入node -v

出现node的版本号说明安装成功。

4.cordova

4.1 全局安装cordova(基于node.js安装)， 终端输入sudo npm install -g cordova

4.2 安装完成终端输入cordova -v

出现cordova的版本好说明安装成功。

5.Android Studio

5.2 安装Phonegap/Cordova Plugin插件，在Studio的Plugins中搜索安装即可。

6.Android SDK

6.1 安装sdk可以自己在官网下载安装，也可以通过Android Studio来安装。这里介绍后者。

6.2 若没有装过sdk，第一次打开Studio会提示我们安装。选择SDK Platforms和SDK Tools对应版本安装即可。(安装不对或者想安装多个版本，在Android Studio-Preferences-Appearance&Behavior-System Settings-Android SDK中可修改)

6.3 配置环境变量，sdk安装完成将安装路径配置到环境变量中 ，将下面语句写入.bash_profile文件中。(环境变量配置参考：https://www.jianshu.com/p/a45dd533b8be)export ANDROID_HOME=/Users/jiaojiajian/Library/Android/sdk

export PATH=$PATH:$ANDROID_HOME/tools

export PATH=$PATH:$ANDROID_HOME/platform-tools

7.GRADLE

7.1 安装gradle(官网：https://gradle.org/)   ，下载对应的安装包安装。

7.2 配置环境变量，将下面语句写入.bash_profile文件中(环境变量配置参考：https://www.jianshu.com/p/a45dd533b8be)#GRADLE

GRADLE_HOME=/Users/jiaojiajian/software/gradle/gradle-6.4.1

PATH=$PATH:$GRADLE_HOME/bin

export GRADLE_HOME PATH

三、搭建项目

1.在桌面下打开终端输入cordova create helloWord，创建helloWord文件夹。(可根据自己安排放在哪个目录)cordova create helloWord

2.由于我们有Android Studio，官网的后续步骤可以在studio中操作。用studio打开桌面的helloWord文件夹。

3.配置Run/Debug Configurations，选择Phone Gap/Cordova作为启动器。

4.配置android模拟器设备。选择相应的型号和镜像安装。

5.启动模拟器和项目

6.启动后会在platforms目录下生成编译的文件，成功！