macaca環(huán)境搭建——從開始到放棄

macaca環(huán)境搭建——從開始到放棄,哦不……是完成,emm是完成……對完成……

安裝準(zhǔn)備(本文以windows為主)

基本環(huán)境需要準(zhǔn)備的東西:

JDK的安裝及環(huán)境配置;(1.8)

Node.js的安裝及環(huán)境配置;(6+)

android SDK安裝及環(huán)境配置;(25+)

gradle安裝及環(huán)境配置;

Xcode[mac]安裝及環(huán)境配置;(8.3+ 對應(yīng) mac 10.11.5+)

macaca的安裝及配置:

安裝macaca-cli

安裝macaca-android或ios

安裝app-inspector

以上每個步驟安裝完都需要校驗和檢查,不然后邊會引發(fā)很多不好解決的麻煩。

安裝詳解

1.JDK

安裝及環(huán)境變量配置,還有安裝后的校驗,點擊鏈接跳轉(zhuǎn)查看,本文不詳說;

2.Node.js

node.js官網(wǎng),下載安裝 左側(cè)的穩(wěn)定版,如圖示

2.安裝Node.js

一路下一步,中間需要更改安裝目錄,默認(rèn)是在C盤;

安裝完畢(新版自帶npm),cmd-打開命令行窗口,輸入如下命令校驗安裝是否成功,如圖示

node -v

npm -v

3.npm的環(huán)境變量配置

在安裝的文件夾【xx\nodejs】下創(chuàng)建兩個文件夾【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"

注意,請根據(jù)自己安裝的路徑,修改上邊兩條命令后邊的路徑信息

然后進入環(huán)境變量對話框,

在【系統(tǒng)變量】下新建【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

切換到國內(nèi)的淘寶鏡像地址,下載更快速。

這里有淘寶源的鏡像地址,可以到這里取你想要的node等組件

4.測試

配置完后,安裝個module測試下,我們就安裝最常用的express模塊,打開cmd窗口,

輸入如下命令進行模塊的全局安裝:

npm install express -g? ? # -g是全局安裝的意思

3.android SDK安裝及配置

1.首先是下載

點擊鏈接跳轉(zhuǎn),在頁面下方,選擇對應(yīng)系統(tǒng)的sdk-tools下載安裝就可以了。

當(dāng)然,你還可以將上邊的android studio一同下載了,這個工具可以幫助你做android的開發(fā),在環(huán)境搭建上也能幫你一鍵搞定

2.sdk-manager中的下載選擇

不廢話,直接看圖

注意:說明一下,這里必須安裝Android SDK Build-tools 25.0.2這個版本,其他都會可能出問題。

下載好圖中圈出的文件(API推薦18+版本,一般要很長時間……)

3.配置一下這個sdk的環(huán)境變量

創(chuàng)建系統(tǒng)變量ANDROID_HOME,變量值:xxx\sdk(以你安裝目錄為準(zhǔn),確認(rèn)里面有tools和add-ons等多個文件夾),點擊確認(rèn)。

在系統(tǒng)變量path中添加;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;

然后驗證一下,cmd命令行窗口:adb,出現(xiàn)一堆英文;android啟動sdk-manager;

這里補充一個下載SDK及組件各個版本的地址,點擊跳轉(zhuǎn)。

4.gradle的安裝及配置

如果你沒有安裝android studio,或者安裝了舊版本,那么推薦你重新下載并安裝新版的gradle,這是一個構(gòu)建工具,作用同ant;

點擊鏈接跳轉(zhuǎn)下載,如圖,下載最新版即可

安裝完成后,環(huán)境變量的配置開始:

在【系統(tǒng)變量】中添加【path】C:\Gradle\gradle-4.6\bin;(你的gradle解壓目錄下的bin文件夾)

校驗一下,cmd命令行窗口:gradle -v,顯示版本號即可。

以上工作完畢已經(jīng),我們開始macaca的安裝及配置

5.macaca的安裝

cmd打開命令行窗口,開始macaca的安裝

1.macaca-cli 核心框架

npm i macaca-cli -g

當(dāng)你的界面出現(xiàn)了一只驚悚的猴子,那么就是安裝成功了,如圖

2.校驗macaca環(huán)境

macaca doctor

出現(xiàn)如下的一片原諒色表明環(huán)境OK,如果有紅色,請針對錯誤單獨解決。

3.根據(jù)需要安裝驅(qū)動,比如android或ios

npm i macaca-ios -g

npm i macaca-android -g

注意安裝過程中是否有報錯,有錯誤請觀察日志并解決,這里是最容易出現(xiàn)問題的地方;

如果安裝成功了,以android為例,應(yīng)該在這個目錄下會生成這兩個apk文件,如果沒有,請自行解決,或找高人指點;

注意路徑是xx/nodejs/node-global/... .../outputs/,根據(jù)你自己的安裝目錄去找

4.安裝app-inspector

如果第三部OK的話,我們來安裝元素查找器,也就是和monitor一樣功能的控件

npm i app-inspector -g

確保如下命令中有手機或模擬器的連接,可以取得設(shè)備ID

adb devices

啟動app-inspector的命令

app-inspector -u 設(shè)備id

以上,整個框架搭建完畢,個別細(xì)節(jié)請留言咨詢。我再做補充

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容