DEV Community

Cover image for VSCode CLine 插件(Claude dev)自定义配置使用 Opneai GPT模型 或 Claude 3.5 模型进行 AI 开发
TurnV X
TurnV X

Posted on

VSCode CLine 插件(Claude dev)自定义配置使用 Opneai GPT模型 或 Claude 3.5 模型进行 AI 开发

 简介

本教程将指导您如何在 Visual Studio Code (VSCode) 中安装和自定义配置 CLine 插件,并使用 Claude 3.5 模型进行 AI 开发。通过本教程,您将能够高效地利用 AI 助手提升开发效率。

重点注意事项

重点: 无论是用 Openai GPT系列模型还是 Claude系列模型,都是选择 Openai 兼容 Openai Compatible 模式 !!!

API KEY: 在大模型API平台 CURSOR API 令牌页面新建获得。例:sk-1Qpxob9KYXq6b6oCypgyxjFwuiA817KfPAHo8XET7HjWQqU

Base URL: https://api.cursorai.art/v1/

主流模型全称: claude-3-5-sonnet-20241022、claude-3-5-sonnet-20240620、gpt-4o、gpt-4o-mini

Image description

所需工具与前提条件

  • 安装了最新版本的 Visual Studio Code
  • 网络连接,用于下载插件和访问 Claude 3.5 API
  • 拥有 Claude 3.5 模型的 API 密钥
  • 基本的编程知识,建议熟悉 JavaScript 或 Python

详细步骤指南

  1. 安装 CLine 插件

    打开 VSCode,进入扩展市场(快捷键 Ctrl+Shift+X),搜索 “CLine”,然后点击安装。

Image description

  1. 配置 Claude 3.5 API 密钥

    在 VSCode 中,按 Ctrl+Shift+P 打开命令面板,输入 “CLine: Open Settings”,然后在设置中找到 “API Key” 选项,输入您的 Claude 3.5 API 密钥。

    {
        "cline.apiKey": "您的Claude3.5_API_密钥"
    }
    

  2. 自定义插件设置

    根据您的开发需求,调整 CLine 插件的其他设置,例如响应时间、提示模板等。在设置页面中,您可以修改如下配置:

    {
        "cline.responseTime": 5000,
        "cline.promptTemplate": "请根据以下代码提供优化建议:"
    }
    

  3. 使用 CLine 进行 AI 开发

    在代码编辑器中,选择一段代码,右键点击选择 “CLine: Generate Suggestions”,插件将使用 Claude 3.5 模型生成代码优化建议。

Image description

示例与演示

代码优化示例

// 原始代码
function add(a, b) {
    return a + b;
}
Enter fullscreen mode Exit fullscreen mode

使用 CLine 生成的优化建议:

// 优化后的代码
const add = (a, b) => a + b;
Enter fullscreen mode Exit fullscreen mode

提示与注意事项

提示: 确保您的 API 密钥安全,不要在公共代码库中泄露。

注意: 在调用 API 时,请务必添加 try 重试机制,以提升代码的健壮性。

常见问题解答

Q1: 如何获取 Claude 3.5 的 API 密钥?

A1: 您可以访问 CURSOR API,注册并登录,在令牌页面新建令牌获取 API 密钥。

Q2: CLine 插件不工作怎么办?

A2: 请检查您的 API 密钥是否正确配置,并确保您的网络连接正常。此外,查看 VSCode 的输出面板以获取错误日志。

Q3: 如何自定义提示模板?

A3: 在 CLine 插件的设置页面中,找到 “promptTemplate” 选项,输入您自定义的提示内容。

总结

通过本教程,您已经学会如何在 VSCode 中安装和配置 CLine 插件,利用自定义key 使用 Openai Gpt系列模型 或 Claude 3.5 模型提升 AI 开发效率。合理配置和使用这些工具,可以显著提高您的开发生产力。

接下来,您可以探索更多 CLine 插件的高级功能,或尝试集成其他 AI 模型以满足更复杂的开发需求。

参考资料与延伸阅读

相关下载

下载VS CODE

API Trace View

Struggling with slow API calls?

Dan Mindru walks through how he used Sentry's new Trace View feature to shave off 22.3 seconds from an API call.

Get a practical walkthrough of how to identify bottlenecks, split tasks into multiple parallel tasks, identify slow AI model calls, and more.

Read more →

Top comments (0)

The Most Contextual AI Development Assistant

Pieces.app image

Our centralized storage agent works on-device, unifying various developer tools to proactively capture and enrich useful materials, streamline collaboration, and solve complex problems through a contextual understanding of your unique workflow.

👥 Ideal for solo developers, teams, and cross-company projects

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay