macaca环境搭建——从开始到放弃

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

安装准备(本文以windows为主)

基本环境需要准备的东西:

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

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

macaca环境搭建——从开始到放弃_第1张图片

2.安装Node.js

macaca环境搭建——从开始到放弃_第2张图片

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

macaca环境搭建——从开始到放弃_第3张图片

安装完毕(新版自带npm),cmd-打开命令行窗口,输入如下命令校验安装是否成功,如图示

node -v

npm -v

macaca环境搭建——从开始到放弃_第4张图片

3.npm的环境变量配置

在安装的文件夹【xx\nodejs】下创建两个文件夹【node_global】及【node_cache】如下图:

macaca环境搭建——从开始到放弃_第5张图片

然后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是全局安装的意思

macaca环境搭建——从开始到放弃_第6张图片

3.android SDK安装及配置

1.首先是下载

点击链接跳转,在页面下方,选择对应系统的sdk-tools下载安装就可以了。

当然,你还可以将上边的android studio一同下载了,这个工具可以帮助你做android的开发,在环境搭建上也能帮你一键搞定

macaca环境搭建——从开始到放弃_第7张图片

2.sdk-manager中的下载选择

不废话,直接看图

注意:说明一下,这里必须安装Android SDK Build-tools 25.0.2这个版本,其他都会可能出问题。

macaca环境搭建——从开始到放弃_第8张图片

下载好图中圈出的文件(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;

点击链接跳转下载,如图,下载最新版即可

macaca环境搭建——从开始到放弃_第9张图片

安装完成后,环境变量的配置开始:

在【系统变量】中添加【path】C:\Gradle\gradle-4.6\bin;(你的gradle解压目录下的bin文件夹)

校验一下,cmd命令行窗口:gradle -v,显示版本号即可。

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

5.macaca的安装

cmd打开命令行窗口,开始macaca的安装

1.macaca-cli 核心框架

npm i macaca-cli -g

当你的界面出现了一只惊悚的猴子,那么就是安装成功了,如图

2.校验macaca环境

macaca doctor

出现如下的一片原谅色表明环境OK,如果有红色,请针对错误单独解决。

macaca环境搭建——从开始到放弃_第10张图片

3.根据需要安装驱动,比如android或ios

npm i macaca-ios -g

npm i macaca-android -g

注意安装过程中是否有报错,有错误请观察日志并解决,这里是最容易出现问题的地方;

如果安装成功了,以android为例,应该在这个目录下会生成这两个apk文件,如果没有,请自行解决,或找高人指点;

注意路径是xx/nodejs/node-global/... .../outputs/,根据你自己的安装目录去找

macaca环境搭建——从开始到放弃_第11张图片

4.安装app-inspector

如果第三部OK的话,我们来安装元素查找器,也就是和monitor一样功能的控件

npm i app-inspector -g

确保如下命令中有手机或模拟器的连接,可以取得设备ID

adb devices

启动app-inspector的命令

app-inspector -u 设备id

macaca环境搭建——从开始到放弃_第12张图片

以上,整个框架搭建完毕,个别细节请留言咨询。我再做补充

你可能感兴趣的:(macaca环境搭建——从开始到放弃)