使用 ChatGPT,开发 VS Code Extension

还是跟上次一样,这次也是 Vibe Coding。

写起来很easy,只需要review和调试。

2026-01-17_17-59
  1. 首先是一个很基础的 mvp;
  2. 代码优化、插件调试和编写项目说明;
  3. 发布 Marketplace;

发布 Marketplace,花的时间最多,步骤有点多:

  • 首先用 Microsoft 账号创建 Azure 账号;
  • 再用Azure账号,创建 Azure DevOps 组织(这里需要绑定信用卡);
  • 有了组织后,就可以创建 publisher 账号;
  • publisher 账号才可以发布到 Marketplace 应用市场;

本地调试,直接选中项目文件extension.js,按 “F5”

2026-01-17_19-23

这时,会弹出一个调试用的 vs code,

  1. 再按“Command + shfit + p”,
  2. 输入“Matrix Overlay: Start”
  3. 就能看到一个 Matrix 黑客帝国动画
Kapture 2026-01-17 at 19.29.48

插件发布有2种方式:

  1. 使用 vsce 发布;
  2. 直接登录 Marketplace 后台上传插件;
2026-01-17_19-43

二者都可以,但还是推荐 vsce,可以看到一些检查信息。

2026-01-17_19-49

插件的 icon.png 是使用 AI 生成:

Matrix-inspired cyberpunk icon.
Stylized hacker sunglasses with glowing green code reflections,
a minimalist lightning bolt integrated into the lenses.
Dark theme, neon green glow, high contrast.
Flat vector icon, no background details, no text.
Optimized for small UI icon usage.
2026-01-17_19-53

效果如下:

icon_20260117124031668 (1)

“个人感觉还不错,闪电⚡️和墨镜🕶️都有,要是背景透明就更好了。”

因为是要钱的,所以只生成了一张。😅


Ref