Macaca macaca 环境搭建

macaca环境搭建——从开始到放弃，哦不……是完成，emm是完成……对完成……

• 基本环境需要准备的东西：
  • JDK的安装及环境配置；（1.8）
  • Node.js的安装及环境配置；（6+）
  • android SDK安装及环境配置；（25+）
  • gradle安装及环境配置；
  • Xcode[mac]安装及环境配置；（8.3+ 对应 mac 10.11.5+）
• macaca的安装及配置：
  • 安装macaca-cli
  • 安装macaca-android或ios
  • 安装app-inspector

以上每个步骤安装完都需要校验和检查，不然后边会引发很多不好解决的麻烦。

安装详解

1.JDK

安装及环境变量配置，还有安装后的校验，点击跳转链接链接跳转查看，本文不详说；

2.Node.js

** 1. node.js官网，下载安装 左侧的稳定版，如图示

 

** 2. 安装Node.js

一路下一步，中间需要更改安装目录，默认是在C盘；

安装完毕（新版自带npm），cmd-打开命令行窗口，输入如下命令校验安装是否成功，如图示
node -v
npm -v

** 3.npm的环境变量配置**
在安装的文件夹【xx\nodejs】下创建两个文件夹【node_global】及【node_cache】如下图：

 

然后cmd-打开命令窗口输入如下两条命令，配置的是npm安装的全局模块所在的路径，以及缓存cache的路径
npm config set prefix "D:\Develop\nodejs\node_global"
npm config set cache "D:\Develop\nodejs\node_cache"
注意，请根据自己安装的路径，修改上边两条命令后边的路径信息
然后进入环境变量对话框，
在【系统变量】下新建【NODE_PATH】，输入【D:\Develop\nodejs\node_global\node_modules】，
在【用户变量】下的【Path】修改npm的路径为【D:\Develop\nodejs\node_global】

另外，天朝的我们还要修改一下下载源的地址，cmd-命令行窗口输入如下命令即可
npm config set registry https://registry.npm.taobao.org
切换到国内的淘宝镜像地址，下载更快速。
这里有淘宝源的镜像地址，可以到这里取你想要的node等组件
4.测试
配置完后，安装个module测试下，我们就安装最常用的express模块，打开cmd窗口，
输入如下命令进行模块的全局安装：
npm install express -g ** # -g是全局安装的意思**

 

3.android SDK安装及配置

1.首先是下载
点击链接跳转，在页面下方，选择对应系统的sdk-tools下载安装就可以了。
当然，你还可以将上边的android studio一同下载了，这个工具可以帮助你做android的开发，在环境搭建上也能帮你一键搞定

 

2.sdk-manager中的下载选择
不废话，直接看图
注意：说明一下，这里必须安装Android SDK Build-tools 25.0.2这个版本，其他都会可能出问题。

下载好图中标注的所需的文件（API推荐18+版本，一般要很长时间……）
3.配置一下这个sdk的环境变量
创建系统变量ANDROID_HOME，变量值：xxx\sdk（以你安装目录为准,确认里面有tools和add-ons等多个文件夹），点击确认。
在系统变量path中添加;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;
然后验证一下，cmd命令行窗口：adb，出现一堆英文；android启动sdk-manager；

这里补充一个下载SDK及组件各个版本的地址，点击跳转。

4.gradle的安装及配置

如果你没有安装android studio，或者安装了旧版本，那么推荐你重新下载并安装新版的gradle，这是一个构建工具，作用同ant；
点击链接跳转下载，如图，下载最新版即可

 

安装完成后，环境变量的配置开始：
在【系统变量】中添加【GRADLE_HOME】 C:\Gradle\gradle-4.6 （你的gradle根目录）
在【系统变量】中添加【path】%GRADLE_HOME%\bin;（你的gradle解压目录下的bin文件夹）
校验一下，cmd命令行窗口：gradle -v，显示版本号即可。

以上工作完毕已经，我们开始macaca的安装及配置

5.macaca的安装

cmd打开命令行窗口，开始macaca的安装
1.macaca-cli 核心框架
npm i macaca-cli -g
当你的界面出现了一只惊悚的猴子，那么就是安装成功了，如图

 

2.校验macaca环境
macaca doctor
出现如下的一片原谅色表明环境OK，如果有红色，请针对错误单独解决。

3.根据需要安装驱动，比如android或ios
npm i macaca-ios -g
npm i macaca-android -g
注意安装过程中是否有报错，有错误请观察日志并解决，这里是最容易出现问题的地方；
如果安装成功了，以android为例，应该在这个目录下会生成这两个apk文件，如果没有，请自行解决，或找高人指点；
注意路径是xx/nodejs/node-global/... .../outputs/，根据你自己的安装目录去找

 

4.安装app-inspector
如果第三部OK的话，我们来安装元素查找器，也就是和monitor一样功能的控件
npm i app-inspector -g
确保如下命令中有手机或模拟器的连接，可以取得设备ID
adb devices
启动app-inspector的命令
app-inspector -u 设备id