VSCode古法神器fnMap v9开发故事

fnMap(函数地图) 是我开发的一个 VSCode 扩展,主要作用就是替代并增强编辑器内置的 Outline(大纲) 功能。

整体效果如上图右侧边栏,提供了代码标签,符号置顶,区域显示,符号树,待办等功能,可以在此基础上,进行排序,过滤,一键展开,收起等。

总而言之,就是方便看代码,方便快速跳转到编辑位置,且 支持所有编程语言。

v9版本 是一次匠心力作,前后耗时大半年。

不就一个小扩展吗,现在AI分分钟,怎么花了这么久时间?AI 虽好,可不要贪杯。

AI可以很好,很快地做出一次性水杯,但目前完全依靠AI,不去人为Review,调整,完善,优化的话,是做不出喝茶陶瓷的。

AI写的东西,表面上看,好像天衣无缝,但细看具体实现的时候,就会发现其 为达目的,不择手段 的哲学理念。

也就是在这段与AI的斗智斗勇中,时间悄然流逝,一转眼半年已去。

但,这段时间也不仅仅只是写了 fnMap 这一个插件,更多的时间其实是花在了 随易商店 这个插件上。

如上,这是 随易商店 的截图,用来查看所有扩展,查看订单记录,兑换记录,绑定记录,进行兑换,配置,购买等等一系列功能,是我将要开发的100款VSCode插件的 集散中心。

目前,这个基建工作已经完成了,剩下的就是小修小改,完善升级,更多的时间和精力,将会花在新插件的开发上面。

那么回过头来,fnMap v9 版本,是一次彻底的重构,原本购买,记录查询,兑换,等功能,全部移到了 随易商店 里面,避免多个插件实现重复的功能,难以同步维护。

目前的界面很简洁,除符号外,其他栏目如果没有数据,是不会显示的,避免空数据占用视觉和注意力。

每个栏目都有各自的排序功能和过滤功能,互不影响。

要注意的是,鼠标浮动到符号列表上面,右侧可以对该符号进行置顶。

鼠标对任意行进行右击,可以将该行进行标记,打个标签,就会在右侧显示,方便快捷跳转。

另外,点击配置,将会弹出配置弹框,可以进行可视化配置,这里我还会进行优化,比如代办颜色用鼠标选择,而不是输入颜色值,如果有日期之类的,也用鼠标选择,而不是手动填写日期等。

fnMap 第一个版本发布于2023年7月20日,目前已经维护了3年时间,发布了100+版本,不管AI如何发展,随易商店中的扩展,随易科技旗下的所有产品,都会用心开发,持续更新,不断优化和完善,感谢所有支持的朋友们。

相关推荐
Jmyd01234 小时前
Web端3D营销展厅技术实现路径:从素材上云到线索回流的数据链路
前端·3d·性能优化·三维数字化
砚凝霜5 小时前
【软考信息安全】第二十二章 Web服务器安全分析与增强——Apache与IIS
服务器·前端·安全
大鸡腿同学5 小时前
手心向上,手心向下
后端
CCblandy6 小时前
令牌桶在 0.9 倍负载超发 19%、固定窗口边界放行 20 个:四种限流算法同构实测
后端·python·算法·性能优化·架构
u0111026757 小时前
JPG、PNG、WebP 怎么选?按透明度、体积和使用场景做判断
前端·javascript·vue.js·图像处理·ai作画
jerrywus7 小时前
让 AI 写完代码后交一份报告:我改造了 answer-me-with-html
前端·claude·cursor
派小心.8 小时前
小程序分享链路中来源参数的传递校验
大数据·前端·数据库·人工智能·小程序·数据分析
凤山老林8 小时前
Spring Boot 集成 Sa-Token 实现高可用权限认证:登录鉴权、动态路由权限与接口防重放实战
spring boot·后端·sa-token·bootstrap
hhb_6188 小时前
一键生成数据看板,ECharts实战演示
前端·javascript·echarts
Java后端的Ai之路8 小时前
08_React组件API
前端·react.js·前端框架