Egg助手简介

Egg助手是一款致力于全方位提升研发效能的VSCode插件，虽然名字叫Egg助手，但它未来定位远不止于Egg，而是与浏览器插件一起（前端艺术家助手FEDHelper）打通整个开发闭环，不断迭代,不断优化，持续挖掘开发中的痛点并用工具的方式来解决。

说明：部分图片涉及内部信息已粗暴删除，有待后续补充。

安装下载

直接在应用商店搜索Egg助手即可：

功能介绍

目前核心功能包括这4大块：

• 一站式跳转增强
• 提示增强
• HSF可视化管理
• 浏览器增强

跳转增强

目前已实现如下逻辑之间跳转：

各种文件之间跳转来去自如，爽的一逼！ 效果演示：

package.json依赖跳转：

提示增强

hsf提示

diamond提示

目标：鼠标悬停即可显示diamond结果，由于时间关系暂未实现，先占个坑：

tangram提示

目标：鼠标悬停即可显示七巧板结果，点击可打开七巧板编辑页，由于时间关系暂未实现，先占个坑：

HSF可视化管理

一站式HSF可视化管理，大部分和HSF相关的功能都可以在这里完成。

重要说明：HSF管理功能目前暂不推荐大家正式使用，因为在写文件时可能会覆盖一些不该覆盖的地方，特别是涉及修改的功能，等过一段时间功能稳定了再推荐大家使用，当然添加service的功能还是可以试用的。

可视化管理入口

入口有很多地方，右键node工程任意层级目录都可以快速打开HSF可视化管理：

或者只要当前打开的文件属于node工程，也可以在编辑器中右键打开。

如果你打开了proxy.js，插件会默认提示你是否要使用Egg助手打开：

当然，如果您打开了proxy.js，右上角还会出现一个扳手🔧图标，点击也可以打开，或者任意页面按快捷键Cmd+F9也可以。

列表管理

由于一个应用下的Service一般会有很多个，所以在顶部设置了筛选功能，可以通过应用名筛选，也可以通过输入serviceName模糊匹配。

点击列表中的应用名可以快速筛选：

点击依赖下的jar包会自动用JD-GUI打开对应sources包，第一次使用需要在设置了配置JD-GUI的安装路径：

编辑

点击serviceKey或者serviceName会打开对应配置文件并选中，

点击编辑按钮时HSF版本和serviceKey这2列会变成编辑状态，插件会根据当前顶部选择的环境自动到hsf平台去查询可用的hsf版本，点击保存会自动将相应变更保存到文件：

保存时会遵循最小化修改文件原则，会通过内容对比尽可能的少修改文件，由于使用了JSON格式化方式保存，原有注释可能会丢失。

新增Service

绝大部分情况下只需要输入服务名即可，剩余部分全部自动生成，少部分时候artifactID可能推测失败，需要手动填写：

点击确定添加后会根据appname自动写入相应文件，如果不存在则自动创建。

依赖管理

点击依赖管理可以打开依赖管理弹窗，点击编辑按钮会自动到maven平台拉取最新的release和SNAPSHOT版本供选择，保存则立即写入文件：

查看方法

点击查看方法可以打开该service下的所有方法列表，点击测试可以打开hsf管理平台直接测试，不过相关功能还在完善中，适配、提示都还没做好，暂不推荐使用：

一键问题修复

主要用来修复各种文件写法的一些不规范的地方，以及版本不存在的地方，功能开发中。

浏览器增强

直接使用VSCode打开

配合@马跃 的前端艺术家助手Chrome插件可以实现快速打开相关页面的实用功能（已安装的注意需要升级，1.0.16版开始新增的功能），只需要在任意一达通页面的右上角点击一下按钮vscode里的Egg助手插件就会自动识别相关页面地址并快速打开，妈妈再也不用担心我找页面麻烦啦！

PS：当然，以上只是最终愿景，目前该功能还是刚刚开始做，还有很多bug以及一些细节需要完善的，找不到相关页面纯属正常，后续有空一定会慢慢完善的。另外，由于Chrome插件语法限制，右上角弹窗不能监听页面网络事件，所以不太好获取页面API调用，这个功能后续打算做到devtools里面去。

效果：

第一次使用需要注意配置工程根目录（因为如果不配置插件没法知道本地代码在哪里）：

另外，插件默认使用8888端口，如遇端口冲突可修改成其它的，然后重启VSCode插件生效。

如果碰到一些错误，下面会有相应提示：

其它说明

由于时间、精力、以及能力有限，目前肯定还有很多bug以及待优化的地方，这是一定的，有问题欢迎及时反馈，后续会不断的完善这个插件。