为VSCode扩展开发量身打造的UI库 - vscode-elements

大家好，我是农村程序员，独立开发者，行业观察员，前端之虎陈随易。我会在这里分享关于 独立开发、编程技术、思考感悟 等内容，欢迎关注。

技术群与交朋友请在个人网站联系我，网站 1️⃣：chensuiyi.me，网站 2️⃣：me.yicode.tech。

如果你觉得本文有用，一键三连 (点赞、评论、转发)，就是对我最大的支持~

---

最近抽空在做我的 VSCode 插件 fnMap (函数地图) 的重构工作。

项目结构主要分为 3 部分：

1. src-extension 是扩展的核心能力部分 (相当于后端)。
2. src-webview 是界面展示部分 (相当于前端)。
3. src-wasm 是新添加的部分，使用国产编程语言 MoonBit 来写，主要功能就是提供性能优化与部分核心代码加密。

那么重构呢，我想把 UI 换一下，目前用的是 arco-design-vue，字节出品的一个 UI 框架。

本来蛮喜欢的，但根据最近的更新来看，官方主要做 React 版本去了，Vue 版本 4 个多月没动静了。

而且，VSCode 有主题功能，框架如果要适配主题，那得进行不少魔改微调。

于是，我上下求索，找到这样一个为 VSCode 量身打造的 UI 库 vscode-elements。

这效果，与 VSCode 简直绝配。

开源地址在这：https://github.com/vscode-elements/elements

如果你也在开发 VSCode 扩展，不妨了解一下这个。

在我这目前看到的唯一的缺点呢，就是还没有 Vue 版本。

目前的主要版本是基于 Lit 这个框架开发的，也就是前端标准的 Web Components 技术。

我跟踪这个框架几个星期了，今天 vscode-elements 刚发布 v2.0 版本，是时候为我的 fnMap 提供一份力量了。

也欢迎大家来体验我的 fnMap 插件，8月份 (本月) 将会发布 v9.0 版本，在进化的路上，一路前进。