Autox.js VSCode 插件安装 局域网连接 电脑写手机跑
在手机上写代码?不如在电脑上写
Autox.js 内置的 IDE 能跑能写,但手机屏幕毕竟有限,写复杂脚本会很痛苦。好消息是——可以在电脑上用 VSCode 写代码,一键推送到手机上实时运行。这就是 VSCode 扩展的价值。
为什么要远程开发
| 对比 | 手机内置 IDE | VSCode 远程 |
|---|---|---|
| 输入 | 触屏软键盘,易打错 | 实体键盘,精准高效 |
| 编辑 | 单窗口,切换费劲 | 多标签、分屏、搜索替换 |
| 补全 | 基础 | 完整 IntelliSense |
| 格式化 | 基础 | Prettier / ESLint 插件 |
| 重构 | 靠手动 | VSCode 重命名符号 |
| Git 集成 | 无 | 完整 Git 操作 |
插件安装
VSCode 市场搜索 "Autox.js" 或 "Auto.js-VSCodeExt-New",作者是 zhong(注意有多个类似插件,选下载量最高、更新最近的那个)。
安装后,VSCode 右下角应该会出现状态栏提示。按 Ctrl+Shift+P,输入 auto.js 或 autoxjs,能看到以下命令:
| 命令 | 作用 |
|---|---|
Autox.js: Start All Server | 启动调试服务器 |
Autox.js: Show QR code | 显示二维码让手机扫描连接 |
Autox.js: Run | 在连接的手机上运行当前文件 |
Autox.js: Save | 保存文件到手机 |
Autox.js: New Project | 创建新的 Autox.js 项目模板 |
启动调试服务
Ctrl+Shift+P → 输入 "Autox.js: Start All Server" → 回车
启动成功后 VSCode 右下角会显示 Auto.js server running... 以及 电脑的局域网 IP 地址和 端口号(默认 9317)。
记下这个 IP,手机上连接要用。
手机端连接
手机上打开 Autox.js,左侧边栏找到 "连接电脑" 或 "连接服务器" 入口:
- 确保手机和电脑在同一个 Wi-Fi / 局域网
- 打开 Autox.js 的连接服务器界面
- 输入 VSCode 显示的 IP 地址(不用带端口)
- 点连接
连接成功后 VSCode 右下角的状态会更新,手机端弹 toast 提示"已连接"。
备选:二维码连接
如果手动输 IP 嫌麻烦:
- VSCode 命令面板执行
Autox.js: Show QR code - 用手机端 Autox.js 扫描这个二维码
- 自动连接成功
开始写代码
在 VSCode 里创建一个 .js 文件,比如 test.js:
toast("VSCode 远程运行成功!");
console.show();
console.log("这行日志在手机上显示");
然后:
Ctrl+Shift+P → "Autox.js: Run" → 回车
或者右键文件 → Run on Device,手机上应该会弹出 toast 和控制台。
保存到手机
VSCode 里保存文件(Ctrl+S)时,插件会自动同步到手机。或者显式执行 Autox.js: Save。
文件会被保存到 Autox.js 的脚本目录下(通常是 /sdcard/脚本/ 或类似路径)。在手机 Autox.js 里下拉刷新脚本列表就能看到。
实战:开发-测试循环
VSCode 写代码 → Ctrl+S 保存同步 → Ctrl+Shift+P "Run" → 手机看效果 → 回 VSCode 改 → 重复
这个循环比在手机上打字效率高至少 3~5 倍。
常见问题排查
| 问题 | 排查方向 |
|---|---|
| VSCode 启动服务后没显示 IP | 检查电脑是否有局域网网卡;用 ipconfig 手动查 IPv4 |
| 手机连不上 | 确认同一个 Wi-Fi;电脑防火墙放行 9317 端口 |
| 手机显示连接失败 | 先在手机里断开,再手动输入 IP 重连;不行就两边都重启 |
| Run 没反应 | 检查 VSCode 输出面板 → Autox.js 频道,看有没有报错 |
| 代码同步了但 Run 不执行 | 重启手机 Autox.js 的无障碍服务和悬浮窗权限 |
进阶:多设备
如果有多台手机,可以全部连接到同一个 VSCode 实例。插件会显示当前有哪些设备在线,可以选择在哪台设备上运行:
Ctrl+Shift+P → "Autox.js: Select Device"
这样你在一台电脑上就能同时控制多个手机设备。
总结
VSCode 扩展把 Autox.js 从"手机上的玩具"提升到了"正经的开发环境"。熟练掌握远程开发流程后,写脚本的效率会质的飞跃。