插件-vscode AI编程
需求越来越逆天了,老板说:“为了丰富我们的产品形态,你去写一个vscode 插件”
产品调研
我在很早之前就使用了 Fitten Code,良心产品,没收费,个人感觉在代码补全、函数自动生成上还是非常好用的。
老板说 Mars Code 也不错,豆包的插件,昨天试了一下,也不错。但是对整个文件进行分析,还是有点担心安全问题。
但是好像不能同时触发两个 AI 代码生成工具,会有冲突。这样老板的需求也就合理了,用自家的 API 调用接口分析、生成代码,防止被别人盗库。
想先找一个开源项目看下,问了一下大模型,有以下建议:
- Cline
Cline 是一款开源的 VSCode AI 编程助手,支持多种 AI 模型(如 DeepSeek、OpenAI、Google Gemini 等),能够实现代码生成、终端命令执行、Web 开发辅助等功能。它通过上下文管理和无头浏览器技术,帮助开发者快速生成代码、调试项目,并且所有操作需要用户二次确认,确保安全。Cline 的 GitHub 地址为:https://github.com/cline/cline。 - Roo Code
Roo Code 是基于 Cline 进行二次开发的开源 AI 编程助手,功能更为强大和灵活。它支持多种 AI 模型(如 DeepSeek-V3、Google Gemini 等),并兼容自定义 API 和本地部署模型(如 Ollama)。Roo Code 通过优化 MCP(Model Context Protocol)进一步节省 token。GitHub 地址:https://github.com/RooVetGit/Roo-Cline。 - Continue
Continue 是一款开源的 AI 编程助手插件,支持多种大语言模型(如 OpenAI、DeepSeek 等),能够实现代码补全、生成、优化和错误修复等功能。它提供了一个聊天界面,开发者可以通过自然语言与 AI 交互,帮助理解代码逻辑、解决问题。Continue 的 GitHub 地址为:https://github.com/continuedev/continue。
如何做插件
- 登录Microsoft账号
- 创建Azure DevOps,发布插件的必要
- 在 Azure DevOps 中,点击右上角的 User settings,然后点击 Personal access tokens。创建一个新的Personal Access Token,确保选择Full access,以避免后续发布插件时出现权限错误。
- 按照附录的官方插件指南,可以创建一个新项目,在 VSC 软件中打开项目,F5跳出调试窗口,Ctrl+Command+P打开命令面板,输入Hello World,会在右下角显示。
hello world
插件打包
因为是基于应用市场开源插件改的,我们不打算发布,仅作为部门内部使用。
先修改package.json
中的一些信息,修改图标,如果不修改,会默认之前的,fake…
打包需要安装和运行vsce
1 |
|
插件使用
将生成的 .vsix 文件安装到 VSCode 中:
- 按 Ctrl+Shift+P(或 Cmd+Shift+P)打开命令面板。
- 输入 Extensions: Install from VSIX… 并选择该命令。
- 选择打包生成的 .vsix 文件。
就可以看到侧栏多了一个图标,点击之后就能使用了。
附录
官方插件指南
本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!