为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 版本,在进化的路上,一路前进。

相关推荐
XingXingXxx2 分钟前
Skill 能自己变强吗?从轨迹归纳到文本空间优化的进化之路
后端
梨想橙汁2 分钟前
JS 核心语法:运算符流程控制、函数、数组与对象实战详解
前端·javascript
七牛开发者3 分钟前
拆解 dsh:Turn 与 Step 如何组织 Agent 主循环
前端·javascript·人工智能
梨想橙汁4 分钟前
JavaScript 零基础入门:引入方式、变量与数据类型,吃透原始与引用类型
前端·javascript
不可能片场7 分钟前
puppeteer 调试实录:CDP 双层响应让取值永远 None
前端·electron
咖啡无伴侣8 分钟前
2. 从零搭建企业级 Monorepo 工程化模板:ESLint 10 (基础骨架)+ Prettier 配置与避坑指南
前端·架构
光影少年13 分钟前
react navite实现全局弹窗、Toast 组件
前端·react native·react.js
jvmind_dev15 分钟前
频繁 new JedisCluster 之后,对象池为什么回不去了?
java·后端
掘金者阿豪15 分钟前
给你的AI龙虾打造一间像素办公室!Star Office UI部署+公网访问完整教程
后端
WebInfra16 分钟前
Rslib 1.0 正式发布:面向多场景的 JavaScript 库开发工具
前端·javascript·github