【项目】潘多拉

基于vscode插件体系,将日常工作流GUI化、智能化,提供编码辅助,工具辅助,物料支撑等能力,解决前端工程化到开发体验之间“最后一公里”问题。

任职【京东零售】【跨越速运】期间负责的项目

一、项目背景

  • 助力降本增效(GUI 化、自动化、智能化信息打通、链路缩短)
  • 前端大家庭(横向连接、学习交流技术互补、舞台)
  • 借鉴行业经验(以内部诉求为主以行业经验为参考)
  • 积累品牌价值(挖掘业务、产品化设计用户运营、品牌价值)

二、创作过程

  • 架构图
  • 流程图
  • 提效数据对比

三、产品矩阵图

四、功能全景图

五、各模块介绍

AI

  • 应用场景:可基于代码进行解释、优化、询问;或者其他自由场景对话。
  • 使用方法:鼠标选择代码右键选择【AI 辅助】或者插件主页选择【AI 聊天】。
  • 功能预览

超级模板

  • 应用场景:公共的、部门的基础模板仓库;支持各部门自定义上传;可一键引用单文件模板或多个文件组成的目录框架模板。
  • 使用方法:选择具体某个目录,右键选择【工具辅助-超级板】,选择对应模板点击生成。
  • 功能预览

接口速查

  • 应用场景:根据接口编码快速查看所对应的信息;提供与 API 网关平台完全一致的接口信息如参数名称、中文名称、类型、是否必填、示例值。
  • 使用方法:1、鼠标框选接口编码,右键选择【接口速查】;2、插件主页打开【接口速查】。
  • 功能预览

组件智能提示

  • 应用场景:基于自定义组件,当鼠标悬浮在对应属性或方法上时快速显示其 API 文档。
  • 使用方法:悬浮在自定义组件属性上时。
  • 功能预览

脚本世界

  • 应用场景:个性化的脚本工具,例如一次指定多个字符串查找,文件行数扫描,正则特征码匹配。
  • 使用方法:主面板打开【脚本世界】,选择某个脚本直接执行。
  • 功能预览

接口 mock

  • 应用场景:根据接口编码一键生成 mock 文件,同时拉取 API 网关接口数据进行填充。
  • 使用方法:鼠标框选接口编码,右键选择【接口 mock】。
  • 功能预览

代码片段

  • 应用场景:输入代码片段名称和前缀,即可快速补充输入对应的完整代码片段。
  • 使用方法:编辑器钟输入代码片段名称和前缀。
  • 功能预览

代码收藏

  • 应用场景:基于一些日常看到但不会马上使用的代码可进行收藏,方便日后快速访问;或者自定义的一些收藏场景。
  • 使用方法:右键框选代码片段,选择【代码收藏】。
  • 功能预览

重复代码检测

  • 应用场景:对指定目录下的文件进行对比,找出其中的重复代码,基于 vscode 提供的诊断面板进行智能显示;并支持一键定位到重复片段位置。
  • 使用方法:左侧目录树中选择目录,右键选择【工具辅助-重复代码检测】。
  • 功能预览

无用文件检测

  • 应用场景:针对项目文件进行检测,找出未在打包过程中使用到的文件,以子模块的维度展示无效文件列表。
  • 使用方法:左侧目录树中选择目录,右键选择【工具辅助-无用文件检测】。
  • 功能预览

定义跳转

  • 应用场景:对 vscode 无法直接提供的跳转能力自定义跳转。
  • 使用方法:在点击进入无法识别的路径跳转时自动触发。
  • 功能预览

命令批处理

  • 应用场景:根据命令配置文件,按照规则一键执行多个命令;避免人工执行过程中,需反复执行命令且需要等待前置命令执行结束。
  • 使用方法:在所需执行命令的目录下提供 glutton.config.js 配置文件,并配置待执行命令,然后右键执行【命令行工厂-自定义编译】。
  • 功能预览

数据字典

  • 应用场景:根据数据字典编码快速查看所对应的信息;并提供快捷复制功能。
  • 使用方法:鼠标 hover 在数据字典编码上方触发。
  • 功能预览

工作台

  • 应用场景:通过打通禅道,提供待处理的任务、bug 统计数据及列表展示,并支持争对任务、bug 进行开始、完成等操作,同时也提供一键复制 taskId 等 commit 时必要的信息。
  • 使用方法:1、插件主页可查看统计数据;2、点击统计数据进入【工作台】查看任务列表、bug 列表,并可进行相关操作。
  • 功能预览

CICD

  • 应用场景:支持一键合并指定分支到多个目标分支,支持手动编译、定时编译。
  • 使用方法:插件主页点击【CICD】进入操作台,选择指定分支和目标分支,点击一键合并(首次需完成 GIT 绑定、添加仓库操作)。
  • 功能预览

接口信息同步

  • 应用场景:当某文本文件打开时,自动检测内容中所包含的接口编码,自动请求网关接口信息,通过对比与前一次缓存的接口信息,如果发生变更自动触发提醒。
  • 使用方法:文本文件打开时自动触发检测。
  • 功能预览

其他模块

  • 好文推荐&公告
  • 快捷导航
  • 控制面板

喜欢这篇文章?打赏一下支持一下作者吧!
【项目】潘多拉
https://www.cccccl.com/20230331/项目/潘多拉/
作者
Jeffrey
发布于
2023年3月31日
许可协议