Auto.js Pro使用VSCode调试教程


由于Auto.js Pro的插件更新,原插件使用方式已经不适合新插件,现推出此教程。

准备Auto.js Pro

你首先需要一个Auto.js Pro。Pro是付费软件,如果你还没购买,请访问 https://pro.autojs.org 购买。

下载VS Code

官方下载地址:https://code.visualstudio.com/
下载后可能不是中文显示的,此时我们需要安装中文语音包。
打开VS Code,点击“扩展”图标。

拓展

搜索“chinese”,如图:

中文包

点击安装后,等待安装成功,重启VS Code。

安装Auto.js Pro插件

打开VS Code,点击“插件图标”。
搜索autojs或者hyb1996,安装“Auto.js-Pro-Ext”,等待安装成功后重启VS Code。

Auto.js-Pro-Ext

注意,不需要安装下面的Auto.js-VSCodeExt等插件,这些都是免费版Auto.js的扩展,安装了可能导致快捷键冲突(比如F5运行无效果)。

使用WiFi连接手机

使用WiFi连接手机的前提是,手机和电脑在同一个局域网中。你可以将手机和电脑都连到同一个WiFi上,或者电脑开启热点给手机连接,或者手机开启热点给电脑连接。

如果以上都无法做到,或者在模拟器中的IP地址连不上,你还可以通过USB线连接手机,参考使用USB连接手机(adb)

使用WiFi连接手机包括了两种模式,客户端和服务器模式。

服务器模式连接

所谓服务器模式,即使用电脑连接手机,模拟器中不推荐该模式。

  1. 打开Auto.js Pro客户端,打开侧拉菜单,展开连接电脑菜单,开启服务器模式。

服务器模式

  1. 打开Auto.js Pro客户端,打开侧拉菜单,开启调试服务。记住wlan名称下的IP地址,一般是192或172开头的。

连接信息

如果开启服务器模式后忘记该IP地址,可以点击侧拉菜单的连接信息查看。

  1. 在VS Code中弹出命令菜单,有两种方式:
  • 按快捷键Ctrl + Shift + P,弹出命令窗口,
  • 使用最上面的菜单,点击【查看】->【命令菜单】

在弹出的命令菜单中,输入Auto.js Pro,可以看到以下命令。

命令菜单

选择”Auto.js Pro: 连接到新设备”。

连接到新设备

可以看到一些选项和连接的历史记录。我们点击“输入设备IP地址”。

如果用VS Code打开了一个js文件,也可以在右上角看到Auto.js的图标,点击后也可以弹出命令窗口

  1. 将步骤2的IP地址输入到这里,回车。

输入IP地址

当VS Code右下角出现这个提示时,表示连接成功。

连接成功提示

  1. 如果连接没有成功,请尝试暂时关闭Windows防火墙后重试,或者尝试其他连接方式。(关闭防火墙只是暂时的,为了安全起见,应该增加一个允许9317、8327端口通过防火墙的规则)

客户端模式连接

所谓客户端模式,即使用手机连接电脑,模拟器中推荐该模式。

模拟器需要开启桥接,一般是在模拟器的设置、网络设置中调整,有的模拟器不提供桥接模式

  1. 获取电脑的IP地址。如果是Windows电脑,可以在cmd命令窗口中输入ipconfig来获取,一般是172或者192开头的IP地址。

  2. 打开Auto.js Pro客户端,打开侧拉菜单,展开连接电脑菜单,开启客户端模式。

  3. 此时会弹出输入IP的弹窗,在这里输入电脑的IP地址,点击确定。

输入IP地址

当VS Code右下角出现这个提示时,表示连接成功。

连接成功提示

  1. 如果连接没有成功,请尝试暂时关闭Windows防火墙后重试,或者尝试其他连接方式。(关闭防火墙只是暂时的,为了安全起见,应该增加一个允许9317、8327端口通过防火墙的规则)

使用USB连接手机(adb)

Auto.js Pro支持通过USB使用adb连接手机。

  1. 安装adb。请搜索adb安装教程

  2. 将adb所在目录加入到环境变量PATH中,重启VSCode(甚至是重启电脑,或者用其他刷新环境变量的方法)。

这一步非常重要,否则将导致插件使用自带的adb,有可能adb版本不一致而无法正确连接。

  1. 将手机用USB线连接到电脑后,开启开发者模式并允许USB调试。

  2. 在VS Code中弹出命令菜单,有两种方式:

  • 按快捷键Ctrl + Shift + P,弹出命令窗口,
  • 使用最上面的菜单,点击【查看】->【命令菜单】
  1. 输入Pro,选择”Auto.js Pro: 连接到新设备” -> “adb连接手机(USB)”。

0_1555899996058_9cbbb1a0-f669-45b3-80b0-7d0f07e373cc-image.png

之后将看到已连接的设备列表,选择需要连接的设备即可。

0_1555900066427_14968ba0-ec8b-45ae-a417-d2ba45a08b66-image.png

显示手机的控制台输出

点击菜单栏”查看”->”输出”,可以看到以下界面。

0_1555900153741_b173976b-e437-4428-a239-e1fb279b89e6-image.png

最右边有一个下拉菜单,点击他。

0_1555900195050_c4c2f0a7-2c39-4d60-8a79-d164fd9f2ec2-image.png

选择已经连接的设备,即可看到来自该设备的控制台信息。

0_1555900273302_db72e9f4-c301-4f60-8908-017f021eb14b-image.png

如果需要同时查看所有设备的控制台信息,则点击菜单栏”帮助”->”切换开发人员工具”。

0_1555900323678_7a1c5cb1-9be4-4951-9a90-9ef9507fa36c-image.png

在”Console”一栏可以看到所有设备的控制台输出。

0_1555900365372_86a2845a-1b52-4b6d-bbf9-6e3105fa59cc-image.png

连接模拟器

如果使用上面的方式连接不上模拟器,有两种解决方式:

  1. 模拟器开启桥接。一般在模拟器的网络设置中,有的模拟器也可能不提供桥接选项。
  2. 使用客户端模式连接。

文章作者: autojs.org
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 autojs.org !
  目录