AI 编写 VS Code 翻译插件:中英文翻译

96 阅读2分钟

随着大语言模型的发展,许多开发者已经开始尝试使用 AI 来辅助完成实际的工程任务。VS Code 生态丰富、扩展机制灵活,非常适合作为 AI 生成代码的“试验田”。最近,我尝试让 AI 帮我 从零开始编写一个 VS Code 插件——《中英文翻译》。整个过程既高效又有趣,最终产出的插件不仅能用,而且体验 surprisingly good。


插件体检:在Vscode中搜索“中英文翻译”

👋 插件市场

为什么要做一个翻译插件?

开发过程中经常遇到以下痛点:

  • 编写代码时经常需要变量起名
  • 撰写 README、提交评论、编写文档时需要中英互译
  • 复制到浏览器翻译麻烦,打断思路
  • 想要知道一个单词读音

于是,一个 直接在 VS Code 内右键翻译 的插件就成了理想的工具。


AI 是如何生成插件的?

我将需求告诉 AI:

“请帮我写一个 VS Code 插件,实现中英文互译,支持选中文本右键翻译,并把翻译结果显示在弹窗或替换原文字。”

AI 随即给出了:

  • 插件目录结构
  • package.json 扩展声明
  • registerCommand 注册逻辑
  • Web API (或本地模型)调用方式
  • 错误处理与 UI 优化

甚至连 README 和图标文件结构也一起生成。

整个插件从无到有,只用了不到十分钟。


插件功能预览

《中英文翻译》插件目前支持三大核心功能:

✅ 1. 选中文本 → 一键翻译

右键菜单出现:

  • 翻译成中文
  • 翻译成英文

翻译结果可选择:

  • 弹窗展示(不会破坏原文本)
  • 覆盖选中区域(适合文档写作)

✅ 2. 自动识别语言

无需告诉插件你选的是中还是英,它会自动识别并翻译成另一种语言。

✅ 3. 支持ai大模型翻译

支持主流的大模型,可以自定义配置提示词进行翻译

✅ 4. 支持滑词翻译

选中后支持自动翻译,无需再打开翻译窗口

AI 编写插件的惊喜之处

  1. 自动处理 API 调用与错误捕获
  2. 给出完整的插件打包与发布流程
  3. 在功能调整时能快速修改、迭代代码
  4. 难点如 VS Code API、构建工具也能解释清楚

可以说,AI 让 “我想做一个插件” 和 “插件已经写好了” 之间的距离大大缩短。