这个月累趴下了,写这篇文章下午3点了,我还没吃饭呢。
文末送码活动,加群了解详情 👇。
先听我说说故事。
几个月前接了群友一个项目,从0开始重构她们的系统。
进过分析论证,准备把原来PHP写的系统,用我自己熟悉的Bun+Vue进行重构,这样可以更好地长期维护。
刚好2025年搞了一年自媒体,产品也没怎么更新,这不,有着15000+下载量的VSCode插件fnMap - 函数地图就已经半年多没更新了。

既然都要搞,那就大刀阔斧地好好设计,好好打造一个便于开发,维护和扩展的基础框架。
于是我的架构方案就是Bun写后端接口,Vue3 + Vite + tdesign-vue-next 写后台管理。

这就是我的开源项目Befly - 野蜂飞舞 的由来,上图是实际效果,开源地址:https://github.com/chenbimo/befly。

那是怎么累趴下的呢?看上图,我已经提交了2000多次代码,平均不间断每天提交10-20次。
除了这个框架的设计和开发外,还有很多事情,比如群友旧系统的维护,fnMap的重构等等。
对于我这种在代码上面的完美主义 + 强迫症 来说,这简直是痛并快乐着,痛是真的痛,快乐也是真快乐。
好消息就是,这些工作在我吹毛求疵,与AI斗智斗勇,前前后后消耗了起码2000元软妹币的前提下,基本盘已经都完成了。
顺便说一句,AI写的代码,只能说是屎上雕花,看着不错,吃着就一言难尽了,只能用AI一边写,自己一边改。

2024年第一次看到MoonBit编程语言,就被它的wasm功能吸引。
因为我注册了公司,产品有一部分是商业性的,但由于我主要写前端,所以产品绝大部分都是用前端技术实现的,前端的加密性懂的都懂。
所以呢,我早在1-2年前,就一直念叨着要用MoonBit来重构我的产品,来提高加密和性能,这个念叨一直到今天才实现,这也是我这个月没怎么做自媒体,没怎么活跃的原因,埋头苦干去了。
至于为什么不用Rust来写了,这个语言我感觉像是在看天书,而且Rust的Wasm功能并没有MoonBit强,所以我只用最好的那个。

上图是新版fnMap功能的基本演示,下面对大概的改动做一个简单的说明。

布局做了调整,更加紧凑了,左上角的排序不用下拉框了,而是单选组合。
符号树和编辑区域的折叠也不放到右下角了,也去掉了4个箭头,直接简化为一个折叠层级,点击则循环切换展示层级。
搜索还是在中间,符号,当前,所有三大面板依旧保持原样。
另外,因为把之前的UI框架从arco-design-vue替换成了tdesign-vue-next,所以数组件的展示效果有变化。

区域的折叠依旧在区域处展示,后续会考虑把区域同时也融合到符号中。
待办高亮支持主流格式,同时也继续支持fnMap(标签)巴拉巴拉啦格式。

所有面板的待办直接展示当前项目扫描到的所有待办标记,用文件名分类,支持多级展开。

当前待办置顶,标记也都不变。
这就是大概的,明面上的变化,而内在则已经发生了翻天覆地的重构,得益于MoonBit在Wasm上面的优秀能力,现在的插件,更快,更稳,更强,也能让我进一步开发,维护,创造更多好用,实用的扩展。

我今年的目标是开发100个VSCode扩展,请叫我VSCode扩展批发商。
感谢所有支持的朋友,时隔半年,基于MoonBit的重构与新生,特意做一次免费送码活动,凡是满足以下3个条件,则可以无条件领取3个永久注册码,按登录账号来。
1️⃣ 关注MoonBit公众号,点击下方关注👇
2️⃣ 下载MoonBit VSCode扩展,点击下方安装
https://aka.moonbitlang.com/csy
3️⃣ 转发本公众号文章到任意一个技术群,但不能是我自己的群
满足以上3个条件后,扫码加入微信群,将截图发给群主,即可领取3个永久注册码,我会在每天晚上统一给大家赠送。
最后,关于用MoonBit重构的细节,我会在未来几天内详细分享,感兴趣的朋友点个关注吧,谢谢大家~
