Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>展映 AI 代码助手,使用 AI 编写和改进代码,提升效率New to Visual Studio Code? Get it now.
展映 AI 代码助手,使用 AI 编写和改进代码,提升效率

展映 AI 代码助手,使用 AI 编写和改进代码,提升效率

Telfordpan

|
684 installs
| (0) | Free
使用展映AI 或 ChatGPT 和 GPT4,通过 AI 帮助增强和自动化您的编码
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

展映AI 代码助手,VSCode 的 展映AI及 ChatGPT 和 GPT4 插件

中文使用文档

此 Visual Studio Code 插件允许您使用 ChatGPT API 从 OpenAI 的 ChatGPT 或 GPT4 直接在编辑器中回答您的问题。

利用人工智能的帮助增强您的编码能力! 自动从头开始编写新代码、提出问题、获取解释、重构代码、查找错误等等 🚀✨

链接:

  • Github 存储库

使用 chatGPT 重构所选代码

## 特征

  • 💡 提出一般性问题或使用编辑器中的代码片段通过侧边栏中的输入框查询 ChatGPT
  • 🖱️ 右键单击代码选择并运行上下文菜单之一快捷方式
  • 自动为您的代码编写文档
  • 解释所选代码
  • 重构或优化
  • 发现问题
  • 💻 在编辑器旁边的面板中查看 ChatGPT 的回复
  • 🚀 查看正在生成的响应实时
  • 💬 针对回复提出后续问题(维护对话上下文)
  • 📝 通过单击 AI 响应中的代码片段将其插入到活动编辑器中

## 设置

要使用此插件,请从 VSCode 市场安装它。

  1. 安装完成后,您需要将 OpenAI API 密钥添加到 VSCode 中的插件设置中。 为此,请转到“文件”菜单并选择“首选项”,然后选择“设置”,打开“设置”面板。
  2. 在搜索栏中,输入“ChatGPT”以过滤设置列表。
  3. 在 ChatGPT 部分的顶部字段中输入您的 API 密钥

完成这些步骤后,该插件应该可以使用了。

从源代码构建(不适用于 VSCode 市场版本)

要从源代码构建插件,请克隆存储库并运行“npm install”来安装依赖项。 您必须更改“chatgpt”模块中的一些代码,因为 VSCode 运行时不支持“fetch”。 打开 node_modules/chatgpt/dist/index.js 并在文件顶部添加以下代码:

从“节点获取”导入获取

然后删除以下行(第 20 行左右):

// src/fetch.ts
var fetch = globalThis.fetch;

您还需要替换文件顶部附近的以下部分:

// src/tokenizer.ts
从“@dqbd/tiktoken”导入{encoding_for_model};
var tokenizer =encoding_for_model("text-davinci-003");
函数编码(输入){
   返回 tokenizer.encode(输入);
}

和

// src/tokenizer.ts
导入 GPT3Tokenizer 从“gpt3-tokenizer”导入;
var GPT3Tokenizer = GPT3TokenizerImport 类型 === “函数”? GPT3TokenizerImport : GPT3TokenizerImport.default;
var tokenizer = new GPT3Tokenizer({ 类型: "gpt3" });
函数编码(输入){
   返回 tokenizer.encode(input).bpe;
}

由于“@dqbd/tiktoken”模块导致 VSCode 运行时出现问题。 同时删除 node_modules/@dqbd/tiktoken 目录。 如果您知道如何解决此问题,请告诉我。

在文件 node_modules/chatgpt/build/index.d.ts 中,将第 1 行更改为

从 'keyv' 导入 * 作为 Keyv;

和第 4 行到

类型 FetchFn = 任意;

获取API密钥

要使用此插件,您需要 OpenAI 的 API 密钥。 要获取一个,请按照下列步骤操作:

  1. 前往【OpenAI官网】(https://platform.openai.com/account/api-keys)。 如果您没有帐户,则需要创建一个帐户或使用 Google 或 Microsoft 帐户进行注册。
  2. 单击“创建新密钥”按钮。
  3. 复制密钥并将其粘贴到插件设置中的“API Key”字段中。

设置

可以通过更改多个设置来配置或自定义插件。 您可以通过更改“模型”设置来选择 ChatGPT 和 GPT4(仅当您已经有权访问 GPT4 API 时)。 还可以在“API URL”字段中设置自定义 API URL(可能类似于“https://openai.xxxxxx.net/v1”,可用于连接到 API 的自托管实例或 代理人)。

使用插件

要使用该插件,请在 Visual Studio Code 中打开文本编辑器,然后单击侧栏中的 ChatGPT 图标打开 ChatGPT 面板。 这将打开一个带有输入字段的面板,您可以在其中输入提示或问题。 点击回车后,它将被发送到 ChatGPT。 其响应将显示在侧边栏中输入字段的下方(请注意,计算可能需要一些时间)。

使用 chatGPT 编写新代码

您还可以在编辑器中选择代码片段,然后在侧面板中输入提示,或者右键单击并选择“询问 ChatGPT”。 当您的查询发送到人工智能时,选定的代码将自动附加到您的查询中。 这对于生成代码片段或获取特定代码片段的解释非常有用。

使用 chatGPT 重构所选代码

要将 AI 响应中的代码片段**插入到编辑器中,只需单击面板中的代码块即可。 代码将自动插入到活动编辑器中的光标位置。

chatGPT 解释所选代码

您可以在编辑器中选择一些代码,右键单击它并从上下文菜单中选择以下快捷方式之一:

命令:

  • Ask ChatGPT:将提示您输入任何查询
  • ChatGPT:解释选择:将解释所选代码的作用
  • ChatGPT:重构选择:将尝试重构所选代码
  • ChatGPT:查找问题:查找所选代码中的问题/错误,修复并解释它们
  • ChatGPT:优化选择:尝试优化所选代码

当未选择任何内容时,“询问 ChatGPT”也可用。 对于其他四个命令,您可以通过编辑 VSCode 首选项中的插件设置来自定义将发送到 AI 的确切提示。

由于 ChatGPT 是一个对话式 AI,因此您可以针对回复提出后续问题。 对话上下文在查询之间维护,因此您可以连续询问多个问题(可以在插件设置中禁用此功能。)。 如果您对答案不满意并希望重试请求,请单击“ctrl+shift+p”并选择“重试 ChatGPT 请求”。 要重置对话上下文,请单击“ctrl+shift+p”并选择“ChatGPT:重置对话”。


请注意,此插件目前只是概念验证,可能有一些限制或错误。 我们欢迎反馈和贡献以改进插件。 另请查看 CodeGPT 插件,它使用官方 OpenAI API 并且还支持其他 GPT3 模型。

学分

  • 如果没有 OpenAI 的 ChatGPT,这是不可能的
  • 该插件使用了 chatgpt-api(由 Travis Fischer),其中 使用非官方的 ChatGPT API 来登录并与其通信。
  • 该项目由 mpociot 启动
  • v0.3 的灵感来自 barnesoir/chatgpt-vscode-plugin 和 gencay/vscode-chatgpt /gencay/vscode-chatgpt)
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft