讲师中心 微信公众号
AI工具推荐 视频效率加速

VSCode配置Auto.js环境 VSCode手机脚本开发调试教程

老晨君_4545

老晨君_4545

发布时间:2026-05-01 14:40:23

|

669人浏览过

|

来源于php中文网

原创

VSCode + Auto.js 环境搭建成功需满足三要素:手机连接成功、实时查看日志、F5直接运行脚本;核心是正确安装Autox.js-VSCodeExt插件、开启无障碍服务、确保手机与电脑同局域网并配置scriptRoot路径。

vscode配置auto.js环境 vscode手机脚本开发调试教程

能连上手机、能实时看到日志、能按F5直接运行脚本——这三件事做成了,VSCode + Auto.js 环境就算搭好了。其他花哨功能都是锦上添花,但连不上,一切归零。

VSCode插件选哪个?别装错也别装多

现在主流且维护活跃的是 Auto.js-Autox.js-VSCodeExt(注意名字里带 Autox.js),不是旧版的 Auto.js-VSCodeExt,也不是 Pro 专用的 Auto.js-Pro-Ext。后者只适配 Auto.js Pro 9.3+,如果你用的是免费版 AutoX.js 或 4.1.x,装了也白装,命令面板里搜不到 Auto.js: Start Server 就是它没生效。

安装后务必重启 VSCode;如果之前装过其他 Auto.js 插件,建议禁用或卸载,避免端口(默认 9317)被占用或命令冲突。

  • 检查是否装对:按 Ctrl+Shift+P,输入 Auto.js,能看到 Auto.js: Start Server 和 Auto.js: Show QR code 这两个命令
  • 插件配置路径在 .vscode/settings.json,关键项至少包含:"auto-js.connectionMode": "wireless"、"auto-js.scriptRoot": "${workspaceFolder}/scripts"
  • 不推荐同时启用多个 Auto.js 类插件——它们监听的都是同一个端口,容易互相踢掉连接

手机端必须开哪些权限?无障碍是硬门槛

AutoX.js 脚本跑不起来,90% 是因为无障碍服务没开。这不是可选项,是运行时强制依赖。开了无障碍,脚本才能模拟点击、读取控件、获取坐标;不开,click()、text("登录").click() 全部静默失败,控制台还不报错,只卡住。

除无障碍外,以下权限在不同机型上影响实际调试体验:

  • 悬浮窗权限:用于显示调试悬浮球(比如坐标拾取工具),小米/华为等厂商需手动开启“允许显示在其他应用上方”
  • 自启动权限:防止脚本后台被杀,尤其在 vivo、OPPO 上影响明显
  • 后台弹出界面:部分 Android 12+ 设备要求,否则 toast 提示不显示
  • USB 调试(仅 ADB 连接时需要):真机有线调试必开,无线连接不用开

验证无障碍是否生效:在手机上打开 AutoX.js,点右上角「…」→「设置」→「无障碍服务」,确认开关已打开,且状态为「已启用」。

arcgis-js
arcgis-js

提供 ArcGIS Maps SDK for JavaScript 开发辅助,涵盖 2D/3D 地图视图、图层管理、数据可视化、空间分析等功能模块的参考和示例指导。

下载

无线连接连不上?先盯住这三件事

手机和电脑不在同一局域网,是无线连接失败的第一原因。别信“都连着 Wi-Fi 就行”——有些企业网络、校园网、双频路由器会把 2.4G 和 5G 频段隔离,或者启用了 AP 隔离模式,导致设备间无法通信。

实操排查顺序:

  • 在 VSCode 中执行 Auto.js: Start Server,看右下角是否显示 Auto.js server running on http://192.168.x.x:9317 —— 如果没显示,说明服务根本没起来,检查插件是否启用、端口是否被占用(比如另一个 VSCode 窗口已占着 9317)
  • 手机端打开 AutoX.js → 侧边菜单 → 「连接电脑」→ 手动输入上面那个 192.168.x.x 地址,端口保持 9317 不变;不要输 localhost 或 127.0.0.1
  • 仍失败?点 VSCode 命令面板执行 Auto.js: Show QR code,用手机 AutoX.js 扫码——扫码本质是自动填地址+端口,绕过手输错误

防火墙常被忽略:Windows 自带防火墙默认会拦截入站连接。临时关闭防火墙测试,或手动放行 9317 端口(入站规则)。

脚本一运行就报错 or 没反应?检查 scriptRoot 和文件后缀

VSCode 插件默认只识别 .js 文件,且只从 scriptRoot 指定目录下加载。如果你把脚本放在项目根目录,而 settings.json 里写的是 "auto-js.scriptRoot": "${workspaceFolder}/scripts",那按 F5 是不会触发任何动作的——插件根本找不到你要运行的文件。

常见症状包括:console.show() 不弹窗、toast("test") 不显示、控制台空空如也。

  • 确保脚本文件名以 .js 结尾(不能是 .txt 或无后缀)
  • 确认当前打开的文件位于 scriptRoot 目录内,比如你设了 /scripts,那就得把文件放在 ./scripts/demo.js
  • 首次运行前建议加一行 console.show(),再加 toast("ready"),这样能快速判断是环境问题还是脚本逻辑问题
  • 如果脚本里用了 engines.execScriptFile() 动态加载其他文件,那些路径也必须相对于 scriptRoot,不是相对于当前文件

最易被忽略的一点:脚本开头没写 "use strict"; 或 auto.waitFor();,在无障碍刚启用时就调用 click(),会导致操作全部丢弃——必须等无障碍就绪后再执行后续逻辑。

热门AI工具

更多
讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

蛙蛙写作

一款AI论文写作工具,主要用于超级AI智能写作助手,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

相关专题

更多
vscode是什么_vscode怎么安装配置
vscode是什么_vscode怎么安装配置

VS Code(Visual Studio Code)是一款免费、开源的跨平台代码编辑器,由微软开发和维护。它被广泛用于软件开发和编程,支持多种编程语言和框架。VS Code 同时提供了丰富的功能和扩展性,使开发者可以高效地编写、编辑和调试代码。

1475

2023.06.30

vscode怎么运行代码
vscode怎么运行代码

vscode是一个运行于MacOS X、Windows和Linux之上的,针对于编写现代Web和云应用的跨平台源代码编辑器;vscode免费而且功能强大,对JavaScript和NodeJS的支持非常好,自带很多功能,例如代码格式化,代码智能提示补全、Emmet插件等。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

3132

2023.07.21

vscode使用的框架介绍
vscode使用的框架介绍

VSCode是一款跨平台代码编辑器,它基于Electron框架和Monaco Editor构建。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2049

2024.03.14

vscode一般用来写什么语言
vscode一般用来写什么语言

VSCode是一款功能强大的代码编辑器,支持多种编程语言和文件格式。它内置对 JavaScript、Python、Java、C++、TypeScript、HTML/CSS、Go 等语言的支持。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

1747

2024.03.14

vscode可以写什么语言
vscode可以写什么语言

vscode是一款强大的代码编辑器,支持多种编程语言的开发。通过安装扩展,可以为 JavaScript/TypeScript、Python、Java、C#、PHP、Go、Ruby、Rust、HTML/CSS 等语言提供智能代码补全、调试和格式化等功能。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2627

2024.03.15

vscode中文设置方法
vscode中文设置方法

方法一:在设置页面中,搜索“locale”,并选择“zh-cn”。方法二:按“Ctrl Shift P”快捷键,输入“Configure Display Language”,将语言修改为“zh-cn”。如果上述方法无效,可考虑安装中文插件。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

1838

2024.03.15

vscode用途介绍
vscode用途介绍

Visual Studio Code(VSCode)是一款由 Microsoft 开发的多功能文本编辑器,适用于各种编程语言。作为一款开源软件,VSCode 拥有代码高亮、自动补全、调试、Git 集成等强大功能,成为程序员不可或缺的工具。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

1262

2024.03.15

vscode和visualstudio的区别
vscode和visualstudio的区别

Visual Studio是一款功能强大的集成开发环境(IDE),适用于专业开发人员进行复杂项目的构建。而VSCode则是一款轻量级的代码编辑器,更适合各种规模的项目开发。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

1136

2024.03.15

Vite 项目如何打包和部署
Vite 项目如何打包和部署

Vite项目打包部署专题汇集生产构建、产物预览、输出目录、资源路径、Nginx与GitHub Pages部署及常见白屏和路由404问题的已审核文章,帮助读者完成上线流程。

20

2026.10.28

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn