【Autojs教程】02-Autojs PC端开发调试环境搭建

写在前面

本篇教程算是保姆级教程了，希望以此能吸引更多感兴趣的同学学习Autojs，也希望大家能因此碰撞出更多的奇思妙想

关注微信公众号获取更多教程信息

工具须知

Autojs支持在PC端进行开发并调试，其中使用到的开发工具为Visual Studio Code(以下简称为VSCode)，这是一个微软发行的针对于编写现代 Web 和云应用的跨平台源代码编辑器，这款编辑器功能强大，可以通过各种插件让你快速完成开发工作，而我们也是通过插件的形式来完成！VSCode安装这里就不赘述了，傻瓜无脑式安装即可，下载地址：https://code.visualstudio.com/Download，多平台均可安装，大家根据自己的需要自行安装即可 PS：笔者电脑为win10 64位系统，VSCode版本号为1.51.1。

使用到的插件

Auto.js-VSCodeExt

桌面编辑器Visual Studio Code的插件。可以让Visual Studio Code支持Auto.js开发。在VS Code中菜单"查看"->"扩展"->输入"Auto.js"或"hyb1996"搜索，即可看到"Auto.js-VSCodeExt"插件，安装即可。插件的更新也可以在这里更新。

简单使用方法：

Step 1 按 Ctrl+Shift+P 或点击"查看"->"命令面板"可调出命令面板，输入 Auto.js 可以看到几个命令，移动光标到命令Auto.js: Start Server，按回车键执行该命令。

此时VS Code会在右上角显示"Auto.js server running"，即开启服务成功。

Step 2 将手机连接到电脑启用的Wifi或者同一局域网中。通过命令行ipconfig(或者其他操作系统的相同功能命令)查看电脑的IP地址。在Auto.js的侧拉菜单中启用调试服务，并输入IP地址，等待连接成功。

Step 3 之后就可以在电脑上编辑JavaScript文件并通过命令Run或者按键F5在手机上运行了。

命令详情

Auto.js-VSCodeExt-Fixed

插件背景

此插件基于Auto.Js作者开发的免费版Auto.Js对应的VsCode开发插件，进行优化二次开发。原插件代码于V0.2.1版本已没有更新，由于开发过程出现不够好用的情况，所以进行优化二次开发，二次开发从V0.3.0开始。

桌面编辑器Visual Studio Code的插件。可以让Visual Studio Code支持Auto.js开发。

用途

该插件笔者主要用途是手机端输出信息能直接在PC端显示用，其余功能略显鸡肋

插件安装方法

首先PC端需要联网(插件需要从云端下载)，具体安装过程看下图

开发调试

编写代码

今天的代码是一个在手机屏幕上实现模拟手指画圆的代码(相对完美的圆)，有兴趣的同学可以提前学习

/** * 今天用一个在手机屏幕上实现模拟手指画圆为例 * 下面的例子中使用了Autojs UI界面，多线程技术 * 以及画圆的算法，通过gesture函数实现 * 有兴趣的同学可以提前学习 */"ui";ui.layout(    <vertical  bg="#ffffff">        <button text='开始画图' id='start'>button>        <button w="*" h="*" bg="#ffffff">button>    vertical>); /* 开始执行 */ui.start.on("click", function () {    //程序开始运行之前判断无障碍服务    if (auto.service == null) {        toast("请先开启无障碍服务！");        return;    }    // 这里写脚本的主逻辑，开启一个线程    // 注意：UI线程中不能从操作业务，需单独开启线程执行    threads.start(function () {        log("开始画圆");        paintCircle();        log("画圆结束");    }); }); function paintCircle() {    let heart = {        x: device.width / 2,        y: device.height / 2    };    let  r = device.width / 3;    let angle=0;    let arr = [];    for (let i = angle; i > -2 * Math.PI + angle; i -= 0.001) {        let tempAng = i;        let tempx = Math.ceil(heart.x + r * Math.cos(tempAng))        let tempy = Math.ceil(heart.y - r * Math.sin(tempAng))        arr.push([tempx, tempy])    }    let str = "gesture(10000";    for (let i = 0; i < arr.length; i++) {        str += ',[' + arr[i][0] + ',' + arr[i][1] + ']'    }    str += ')';    eval(str);}

手机设置

由于不同手机打开下列设置方式不尽相同，请大家自行百度，笔者这里用的是小米MIUI12系统，这里的设置主要是为了让脚本效果显示出来

• 打开开发者人员选项

• 开启点按操作反馈和指针位置

PC端打开Autojs服务并连接手机端

1、键盘同时按下CTRL+ALT+P，在弹出输入框中输入Autojs，选择Start Server

2、获取电脑的IP，笔者这里IP是192.168.1.102(这个待会要输入到手机上，保证手机和电脑处于同一局域网下)

3、手机连接PC端服务，具体操作见下图，电脑端也会有提示连接成功

运行程序

废话不多说，直接上图，请各位童鞋仔细看控制台输出哦，log的信息都在这里