EasyClick-VSCodeExt
桌面编辑器Visual Studio Code的插件。可以让Visual Studio Code支持EasyClick开发。
本插件正在测试阶段, 欢迎大家测试~ 如有问题, 请联系作者q。
特点
- 在VS Code的开发者工具实时显示EasyClick的日志与输出
- 可以运行脚本, 运行在vscode编辑器中的脚本
- 可以使用远程连接, 调试不在同一局域网内设备
- 可以运行完整项目 (暂不支持页面调试layout)
安装
1.安装vscode插件
在VS Code中菜单"查看"->"扩展"->输入"EasyClick"搜索,即可看到"EasyClick-VSCodeExt"插件,安装即可。
插件的更新也可以在这里更新。
2.安装手机端调试APP
EC调试APK下载地址:
EC调试APP
提取码:jskm
使用方法
步骤1: 开启vscode端服务:
按 Ctrl+Shift+P
或点击"查看"->"命令面板"可调出命令面板,输入 EasyClick
可以看到几个命令,移动光标到命令开启本地服务
或 开启远程服务
,按回车键执行该命令。
此时VS Code会在右下角显示 "服务开启成功" ,即开启服务成功。
每次服务启动会自动生产一个UUID, 需要在手机端EC调试APP中输入连接 (输入不一致无法调试)
(可以执行 修改连接UUID
命令修改为执行UUID 方便输入连接)
步骤2: 打开手机端EC调试APP, 连接服务
1. 本地局域网连接:
打开EC调试APP, 输入vscode调试服务显示的本地地址, 输入本次唯一识别码UUID, 即可连接电脑vscode
2. 远程外网连接:
打开EC调试APP, 输入vscode调试服务显示的服务地址, 输入本次唯一识别码UUID, 即可连接电脑vscode
步骤3: 运行
之后就可以在电脑上编辑JavaScript文件
- 通过命令
运行脚本(Run)
或者按键F5
在手机上运行当前脚本。
- 通过命令
运行项目(runProject)
或者按键F6
在手机上运行项目。
注意:
运行项目结构:
与EasyClick项目结构相同: 根目录下分为: js plugin res
- /js 文件夹内放置运行的脚本文件, 默认主入口为main.js
- /plugin 文件夹内放置插件, 如dex apk等
- /res 文件夹内放置资源文件, 如图片等
- 目前暂不支持加载界面 layout
命令:
按 Ctrl+Shift+P
或点击"查看"->"命令面板"可调出命令面板,输入 EasyClick
可以看到几个命令:
- 开启本地服务: 启动插件服务。之后在确保手机和电脑在同一区域网的情况下,在EC调试APP里输入vscode显示的服务地址连接
- 停止服务(Stop Server): 停止插件服务
- 运行脚本(Run): 运行当前编辑器的脚本。
- 停止脚本(Stop): 停止运行脚本。
- 运行项目(runProject): 运行一个项目, 项目结构需正确
- 显示服务端ip地址: 显示服务端ip地址及本次连接UUID
- 修改连接UUID: 可以修改本次连接UUID, 但无法修改为已被占用的UUID
以上命令一些有对应的快捷键,参照命令后面的说明即可。