macaca環(huán)境搭建——從開始到放棄,哦不……是完成,emm是完成……對完成……
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-cli
安裝macaca-android或ios
安裝app-inspector
以上每個步驟安裝完都需要校驗和檢查,不然后邊會引發(fā)很多不好解決的麻煩。
安裝及環(huán)境變量配置,還有安裝后的校驗,點擊鏈接跳轉(zhuǎn)查看,本文不詳說;
node.js官網(wǎng),下載安裝 左側(cè)的穩(wěn)定版,如圖示


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

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

在安裝的文件夾【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等組件
配置完后,安裝個module測試下,我們就安裝最常用的express模塊,打開cmd窗口,
輸入如下命令進行模塊的全局安裝:
npm install express -g? ? # -g是全局安裝的意思

點擊鏈接跳轉(zhuǎn),在頁面下方,選擇對應(yīng)系統(tǒng)的sdk-tools下載安裝就可以了。
當(dāng)然,你還可以將上邊的android studio一同下載了,這個工具可以幫助你做android的開發(fā),在環(huán)境搭建上也能幫你一鍵搞定

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

下載好圖中圈出的文件(API推薦18+版本,一般要很長時間……)
創(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)。
如果你沒有安裝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的安裝及配置
cmd打開命令行窗口,開始macaca的安裝
npm i macaca-cli -g
當(dāng)你的界面出現(xià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ù)你自己的安裝目錄去找

如果第三部OK的話,我們來安裝元素查找器,也就是和monitor一樣功能的控件
npm i app-inspector -g
確保如下命令中有手機或模擬器的連接,可以取得設(shè)備ID
adb devices
啟動app-inspector的命令
app-inspector -u 設(shè)備id

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