随着大语言模型的发展,许多开发者已经开始尝试使用 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 编写插件的惊喜之处
- 自动处理 API 调用与错误捕获
- 给出完整的插件打包与发布流程
- 在功能调整时能快速修改、迭代代码
- 难点如 VS Code API、构建工具也能解释清楚
可以说,AI 让 “我想做一个插件” 和 “插件已经写好了” 之间的距离大大缩短。