前言

在 VSCode 中使用 AutoX.js 插件 连接手机进行调试

效果展示

操作前准备

  1. 下载 AutoX.js

  2. 下载投屏软件 ，网上有很多，请自行查询

  • 我常用的两个投屏：
  1. QtScrcpy
  2. 基于scrcpy投屏的修改版

教程

打开USB调试

  1. 手机开启开发者模式， 点击 设置 => 我的设备 => 全部参数 => 连续点击 MIUI版本 ，直到出现 “您现在处于开发者模式” （当前手机为Redmi Note 8，其他开启开发者模式，请自行查询）

  2. 点击 设置 => 更多设置 => 开发者选项 => 打开 USB调试 => 点击 『确定』 （当前手机为Redmi Note 8，其他开启开发者模式，请自行查询）

  3. 打开投屏软件 投屏

安装VSCode插件

  1. 打开 VSCode

  2. 点击 扩展

  3. 搜索 Auto.js-Autox.js-VSCodeExt-Wilinz ，点击 『安装』

    1
    Auto.js-Autox.js-VSCodeExt-Wilinz

  4. 点击 『帮助』 => 「切换开发人员工具」

  5. 按键盘上的 F1 ，输入 autoxjs ，点击 开启服务

    1
    autoxjs

连接手机

  1. win + R => 输入 cmd => 点击 『确定』 => 输入 ipconfig => 回车 ， 保存红框里的ip地址 （注：每人的ip会不一样）

    1
    ipconfig

  2. 手机打开 AutoX.js 软件 => 开启 无障碍服务 => 『去打开』 => 更多已下载的服务 ，找到 Autox.js => 「开启服务」

  3. 回到 AutoX.js 软件 => 服务器地址 填入 保存红框里的ip地址 => 点击 『确定』

  4. 测试， 新建js文件 ，写入以下内容

    1
    toast("Hello world");

  5. F5 运行 ，有反馈表示成功连接