VSCode集成ChatGPT全指南：从插件配置到高效开发实践

6次阅读

共计 2100 个字符，预计需要花费 6 分钟才能阅读完成。

上周排查一个诡异的 TypeScript 类型推断问题时，我尝试在 VSCode 中通过 ChatGPT 插件描述错误现象。不到 10 秒它就给出了可能的原因：” 这可能是由于第三方库的类型声明文件与当前 TS 版本不兼容导致 ”，并提供了三种验证方案。最终通过其建议的 类型断言临时解决方案 快速恢复了开发进度——这原本需要至少 2 小时的调试时间。

API 调用：非流式响应，需等待完整结果返回
上下文记忆：默认保留最近 5 轮对话（可配置）
隐私保护：支持本地加密存储 API 密钥

API 调用：流式传输，支持实时显示生成内容
上下文记忆：依赖浏览器 cookie，关闭窗口后失效
隐私保护：所有请求经过 OpenAI 服务器

个人推荐：开发场景选 CodeGPT（可控性强），临时查询用官方插件（响应快）

# 永远不要把密钥提交到 Git！OPENAI_API_KEY=sk- 你的实际密钥
PROXY_URL=http://corp-proxy:8080 # 企业环境需要

import {window} from 'vscode';
import OpenAI from 'openai';

export async function askGPT(question: string) {
  try {
    const openai = new OpenAI({apiKey: process.env.OPENAI_API_KEY,});

    const response = await openai.chat.completions.create({
      model: "gpt-4",
      messages: [
        { 
          role: "system", 
          content: "你是一位经验丰富的 TypeScript 工程师" 
        },
        {role: "user", content: question}
      ],
      temperature: 0.7,
    });

    window.showInformationMessage(response.choices[0].message.content);
  } catch (error) {window.showErrorMessage(`GPT 请求失败: ${error instanceof Error ? error.message : String(error)}`);
  }
}

{
  "code_review": {
    "system": "请以严格模式审查这段代码，指出性能问题和类型安全隐患",
    "user": "${selectedText}"
  },
  "generate_test": {
    "system": "为以下函数生成 Jest 单元测试，包含边界条件验证",
    "user": "${clipboard}"
  }
}

Token 节约三原则：
使用 gpt-3.5-turbo 处理简单任务
用  标记排除非关键代码
对长响应启用 max_tokens=500 限制
本地对话缓存方案：

// 使用 VSCode 的 Memento API 缓存对话
const cache = context.globalState;

async function getCachedResponse(prompt: string) {const cacheKey = `gpt_${md5(prompt)}`;
  const cached = await cache.get(cacheKey);
  if (cached) return cached;

  const freshResponse = await fetchGPT(prompt);
  await cache.update(cacheKey, freshResponse);
  return freshResponse;
}

function sanitizeCode(code: string) {
  const BLACKLIST = [
    /aws_access_key_id/i,
    /password\s*=\s*["'].*["']/i
  ];

  return BLACKLIST.some(regex => regex.test(code)) 
    ? '[敏感内容已过滤]' 
    : code;
}