美文网首页
macaca环境搭建——从开始到放弃

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

作者: 懵_85aa | 来源:发表于2018-03-12 09:34 被阅读0次

    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官网,下载安装 左侧的稳定版,如图示

    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;

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

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

    在【系统变量】中添加【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,如果有红色,请针对错误单独解决。

    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

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

    相关文章

      网友评论

          本文标题:macaca环境搭建——从开始到放弃

          本文链接:https://www.haomeiwen.com/subject/vsagfftx.html